react-tech-ui 1.0.0

package/dist/index/style.css

@@ -0,0 +1,41 @@
+@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{--tech-primary: #00d4ff;--tech-primary-dark: #0098d4;--tech-primary-light: #33ddff;--tech-secondary: #0affb0;--tech-secondary-dark: #08c98a;--tech-accent: #ff6b35;--tech-warning: #ffd000;--tech-danger: #ff4757;--tech-success: #0affb0;--tech-bg-dark: #0a0e27;--tech-bg-medium: #0d1135;--tech-bg-light: #131842;--tech-bg-card: rgba(13, 17, 53, .85);--tech-bg-card-hover: rgba(19, 24, 66, .9);--tech-border: rgba(0, 212, 255, .3);--tech-border-active: rgba(0, 212, 255, .7);--tech-text-primary: #e8eaf6;--tech-text-secondary: rgba(232, 234, 246, .65);--tech-text-muted: rgba(232, 234, 246, .35);--tech-glow-primary: rgba(0, 212, 255, .15);--tech-glow-secondary: rgba(10, 255, 176, .15);--tech-font-digital: "Orbitron", "Rajdhani", "Courier New", monospace;--tech-font-title: "Rajdhani", "Microsoft YaHei", sans-serif;--tech-font-body: "Microsoft YaHei", "PingFang SC", sans-serif;--tech-duration-fast: .2s;--tech-duration-normal: .3s;--tech-duration-slow: .6s;--tech-duration-glow: 2s;--tech-easing: cubic-bezier(.4, 0, .2, 1)}@keyframes techGlow{0%,to{opacity:1}50%{opacity:.6}}@keyframes techPulse{0%,to{box-shadow:0 0 5px #00d4ff4d}50%{box-shadow:0 0 20px #00d4ff99}}@keyframes techScan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes techBorderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes techFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes techSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes techNumberFlip{0%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes techDotBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes techLineGrow{0%{width:0}to{width:100%}}@keyframes techRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--tech-bg-dark);color:var(--tech-text-primary);font-family:var(--tech-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--tech-bg-dark)}::-webkit-scrollbar-thumb{background:var(--tech-primary);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--tech-primary-light)}
+
+.tech-data-card{position:relative;padding:20px 24px;border-radius:4px;overflow:hidden;box-sizing:border-box}.tech-data-card--animate{animation:techFadeIn .5s ease-out}.tech-data-card--default{background:var(--tech-bg-card);border:1px solid var(--tech-border)}.tech-data-card--gradient{background:linear-gradient(135deg,var(--tech-bg-card) 0%,rgba(0,212,255,.08) 100%);border:1px solid var(--tech-border)}.tech-data-card--glass{background:#0d113599;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--tech-border)}.tech-data-card--outline{background:transparent;border:1px solid var(--tech-card-color, var(--tech-primary));box-shadow:0 0 15px #00d4ff1a}.tech-data-card__corner{position:absolute;width:12px;height:12px;z-index:1}.tech-data-card__corner--tl{top:0;left:0;border-top:2px solid var(--tech-card-color, var(--tech-primary));border-left:2px solid var(--tech-card-color, var(--tech-primary))}.tech-data-card__corner--br{bottom:0;right:0;border-bottom:2px solid var(--tech-card-color, var(--tech-primary));border-right:2px solid var(--tech-card-color, var(--tech-primary))}.tech-data-card__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tech-data-card__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:var(--tech-glow-primary);color:var(--tech-card-color, var(--tech-primary));font-size:16px}.tech-data-card__title{font-size:14px;color:var(--tech-text-secondary);font-weight:500;letter-spacing:1px;text-transform:uppercase}.tech-data-card__body{position:relative}.tech-data-card__value-row{display:flex;align-items:baseline;gap:6px}.tech-data-card__value{font-family:var(--tech-font-digital);font-size:32px;font-weight:700;color:var(--tech-card-color, var(--tech-primary));line-height:1.2;text-shadow:0 0 10px var(--tech-glow-primary)}.tech-data-card__unit{font-size:14px;color:var(--tech-text-secondary);margin-left:4px}.tech-data-card__trend{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:13px}.tech-data-card__trend--up{color:var(--tech-success)}.tech-data-card__trend--down{color:var(--tech-danger)}.tech-data-card__trend--flat{color:var(--tech-text-muted)}.tech-data-card__trend-icon{font-size:10px}.tech-data-card__trend-value{font-family:var(--tech-font-digital);font-weight:500}
+
+.tech-decoration-line{position:relative}.tech-decoration-line--horizontal{width:var(--tech-line-length);height:var(--tech-line-thickness)}.tech-decoration-line--vertical{width:var(--tech-line-thickness);height:var(--tech-line-length)}.tech-decoration-line--solid{background:var(--tech-line-color)}.tech-decoration-line--dashed{background:repeating-linear-gradient(90deg,var(--tech-line-color) 0,var(--tech-line-color) 8px,transparent 8px,transparent 16px)}.tech-decoration-line--vertical.tech-decoration-line--dashed{background:repeating-linear-gradient(180deg,var(--tech-line-color) 0,var(--tech-line-color) 8px,transparent 8px,transparent 16px)}.tech-decoration-line--gradient{background:linear-gradient(90deg,transparent,var(--tech-line-color),transparent)}.tech-decoration-line--vertical.tech-decoration-line--gradient{background:linear-gradient(180deg,transparent,var(--tech-line-color),transparent)}.tech-decoration-line--animate.tech-decoration-line--gradient{background-size:200% 100%;animation:techBorderFlow 3s linear infinite}.tech-decoration-line--double{background:var(--tech-line-color);display:flex;flex-direction:column;justify-content:center}.tech-decoration-line__inner{height:1px;background:var(--tech-bg-dark);margin:1px 0}.tech-decoration-line--dot-wave{background:transparent;height:4px;overflow:hidden}.tech-decoration-line__dots{display:flex;gap:6px;align-items:center;height:100%}.tech-decoration-line__dot{width:3px;height:3px;border-radius:50%;background:var(--tech-line-color);flex-shrink:0}.tech-decoration-line--animate .tech-decoration-line__dot{animation:techDotBlink 1.5s ease-in-out infinite}
+
+.tech-digital-number{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--tech-font-digital)}.tech-digital-number__value{font-size:var(--tech-digital-size);font-weight:700;color:var(--tech-digital-color);text-shadow:0 0 10px currentColor,0 0 20px rgba(0,212,255,.3);letter-spacing:2px;transition:transform .3s ease}.tech-digital-number--flipping .tech-digital-number__value{animation:techNumberFlip .3s ease-out}.tech-digital-number__prefix,.tech-digital-number__suffix{font-size:calc(var(--tech-digital-size) * .4);color:var(--tech-text-secondary);font-weight:400}.tech-digital-number__prefix{margin-right:2px}.tech-digital-number__suffix{margin-left:4px}
+
+.tech-drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.tech-drawer-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;animation:techDrawerMaskIn .3s ease}@keyframes techDrawerMaskIn{0%{opacity:0}to{opacity:1}}.tech-drawer{position:absolute;display:flex;flex-direction:column;background:var(--tech-bg-medium);border:1px solid var(--tech-border);overflow:hidden}.tech-drawer--right{top:0;right:0;bottom:0;border-right:none;border-top:none;border-bottom:none;animation:techDrawerSlideRight .3s cubic-bezier(.4,0,.2,1)}.tech-drawer--left{top:0;left:0;bottom:0;border-left:none;border-top:none;border-bottom:none;animation:techDrawerSlideLeft .3s cubic-bezier(.4,0,.2,1)}.tech-drawer--top{top:0;left:0;right:0;border-top:none;border-left:none;border-right:none;animation:techDrawerSlideTop .3s cubic-bezier(.4,0,.2,1)}.tech-drawer--bottom{bottom:0;left:0;right:0;border-bottom:none;border-left:none;border-right:none;animation:techDrawerSlideBottom .3s cubic-bezier(.4,0,.2,1)}@keyframes techDrawerSlideRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes techDrawerSlideLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes techDrawerSlideTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes techDrawerSlideBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tech-drawer--neon{border-color:var(--tech-primary);box-shadow:0 0 30px var(--tech-glow-primary),inset 0 0 30px var(--tech-glow-primary)}.tech-drawer--scan .tech-drawer__scan-line{display:block}.tech-drawer__scan-line{display:none;position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--tech-primary),transparent);animation:techDrawerScan 3s linear infinite;opacity:.5;z-index:2}@keyframes techDrawerScan{0%{top:0}to{top:100%}}.tech-drawer__corner{position:absolute;width:12px;height:12px;z-index:1}.tech-drawer__corner--tl{top:0;left:0;border-top:2px solid var(--tech-primary);border-left:2px solid var(--tech-primary)}.tech-drawer__corner--tr{top:0;right:0;border-top:2px solid var(--tech-primary);border-right:2px solid var(--tech-primary)}.tech-drawer__corner--bl{bottom:0;left:0;border-bottom:2px solid var(--tech-primary);border-left:2px solid var(--tech-primary)}.tech-drawer__corner--br{bottom:0;right:0;border-bottom:2px solid var(--tech-primary);border-right:2px solid var(--tech-primary)}.tech-drawer__edge-line{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,var(--tech-primary) 20%,var(--tech-primary) 80%,transparent 100%);opacity:.4;z-index:1}.tech-drawer--right .tech-drawer__edge-line{left:0}.tech-drawer--left .tech-drawer__edge-line{right:0}.tech-drawer--neon .tech-drawer__edge-line{opacity:.8;box-shadow:0 0 8px var(--tech-glow-primary)}.tech-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--tech-border);flex-shrink:0}.tech-drawer--neon .tech-drawer__header{border-bottom-color:var(--tech-primary);box-shadow:0 2px 8px var(--tech-glow-primary)}.tech-drawer__title{font-size:16px;font-weight:600;color:var(--tech-primary);letter-spacing:2px;text-transform:uppercase}.tech-drawer__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--tech-border);border-radius:2px;background:transparent;color:var(--tech-text-secondary);cursor:pointer;transition:all .2s}.tech-drawer__close:hover{border-color:var(--tech-primary);color:var(--tech-primary);box-shadow:0 0 8px var(--tech-glow-primary)}.tech-drawer__body{flex:1;padding:20px;overflow-y:auto;color:var(--text-secondary, var(--tech-text-secondary))}.tech-drawer__footer{padding:12px 20px;border-top:1px solid var(--tech-border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.tech-drawer--neon .tech-drawer__footer{border-top-color:var(--tech-primary);box-shadow:0 -2px 8px var(--tech-glow-primary)}
+
+.tech-fab{width:var(--tech-fab-size, 48px);height:var(--tech-fab-size, 48px);border-radius:50%;background:var(--tech-fab-bg-card, var(--tech-bg-card));border:1px solid var(--tech-fab-border, var(--tech-border));display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:visible;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .2s;user-select:none;-webkit-user-select:none;touch-action:none}.tech-fab--draggable{cursor:grab}.tech-fab--dragging{cursor:grabbing;transform:scale(1.1);transition:background-color .3s,border-color .3s,box-shadow .3s}.tech-fab--hovered{border-color:var(--tech-fab-border-active, var(--tech-border-active));box-shadow:0 0 16px var(--tech-fab-glow, var(--tech-glow-primary))}.tech-fab__content{display:flex;align-items:center;justify-content:center;gap:6px;z-index:2;color:var(--tech-fab-text-primary, var(--tech-text-primary));pointer-events:none}.tech-fab__icon{display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.tech-fab__label{font-size:12px;white-space:nowrap;font-weight:500}.tech-fab__pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--tech-fab-primary, var(--tech-primary));opacity:0;animation:techFabPulse 2.5s ease-out infinite;pointer-events:none}@keyframes techFabPulse{0%{top:-4px;right:-4px;bottom:-4px;left:-4px;opacity:.6}to{top:-20px;right:-20px;bottom:-20px;left:-20px;opacity:0}}.tech-fab__corner{position:absolute;width:8px;height:8px;z-index:1;opacity:.5;transition:opacity .3s,border-color .3s}.tech-fab--hovered .tech-fab__corner{opacity:1}.tech-fab__corner--tl{top:4px;left:4px;border-top:2px solid var(--tech-fab-primary, var(--tech-primary));border-left:2px solid var(--tech-fab-primary, var(--tech-primary))}.tech-fab__corner--tr{top:4px;right:4px;border-top:2px solid var(--tech-fab-primary, var(--tech-primary));border-right:2px solid var(--tech-fab-primary, var(--tech-primary))}.tech-fab__corner--bl{bottom:4px;left:4px;border-bottom:2px solid var(--tech-fab-primary, var(--tech-primary));border-left:2px solid var(--tech-fab-primary, var(--tech-primary))}.tech-fab__corner--br{bottom:4px;right:4px;border-bottom:2px solid var(--tech-fab-primary, var(--tech-primary));border-right:2px solid var(--tech-fab-primary, var(--tech-primary))}.tech-fab--neon{border-color:var(--tech-fab-primary, var(--tech-primary));box-shadow:0 0 10px var(--tech-fab-glow, var(--tech-glow-primary))}.tech-fab--neon.tech-fab--hovered{box-shadow:0 0 20px var(--tech-fab-glow, var(--tech-glow-primary)),0 0 40px var(--tech-fab-glow, var(--tech-glow-primary))}.tech-fab--neon .tech-fab__content{color:var(--tech-fab-primary, var(--tech-primary))}.tech-fab--glow{border-color:var(--tech-fab-primary, var(--tech-primary));animation:techFabGlow 2s ease-in-out infinite alternate}.tech-fab--glow .tech-fab__content{color:var(--tech-fab-primary, var(--tech-primary))}@keyframes techFabGlow{0%{box-shadow:0 0 8px var(--tech-fab-glow, var(--tech-glow-primary)),0 0 16px var(--tech-fab-glow, var(--tech-glow-primary))}to{box-shadow:0 0 16px var(--tech-fab-glow, var(--tech-glow-primary)),0 0 32px var(--tech-fab-glow, var(--tech-glow-primary))}}.tech-fab--glass{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#ffffff1a}.tech-fab--glass.tech-fab--hovered{background:#ffffff1a;border-color:var(--tech-fab-primary, var(--tech-primary));box-shadow:0 0 20px var(--tech-fab-glow, var(--tech-glow-primary))}.tech-fab--glass .tech-fab__corner{opacity:.3}.tech-fab--glass.tech-fab--hovered .tech-fab__corner{opacity:.8}
+
+.tech-flow-light{position:relative;width:100%;height:100%;overflow:hidden;background:var(--tech-bg-dark)}.tech-flow-light__layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--tech-flow-opacity, .6);pointer-events:none}.tech-flow-light__content{position:relative;z-index:2;width:100%;height:100%}.tech-flow-light--aurora .tech-flow-light__aurora{position:absolute;width:200%;height:60%;filter:blur(80px);opacity:var(--tech-flow-opacity, .6);pointer-events:none}.tech-flow-light__aurora--1{top:-20%;left:-50%;background:linear-gradient(90deg,transparent 0%,var(--tech-flow-color, var(--tech-primary)) 15%,transparent 30%,var(--tech-flow-color, var(--tech-secondary)) 50%,transparent 70%,var(--tech-flow-color, var(--tech-primary)) 85%,transparent 100%);animation:techAuroraMove1 calc(var(--tech-flow-speed, 6s) * 3) ease-in-out infinite}.tech-flow-light__aurora--2{top:-10%;left:-30%;background:linear-gradient(90deg,transparent 0%,var(--tech-flow-color, var(--tech-secondary)) 20%,transparent 40%,var(--tech-flow-color, var(--tech-primary)) 60%,transparent 80%,var(--tech-flow-color, var(--tech-secondary)) 95%,transparent 100%);animation:techAuroraMove2 calc(var(--tech-flow-speed, 6s) * 4) ease-in-out infinite;opacity:calc(var(--tech-flow-opacity, .6) * .7)}.tech-flow-light__aurora--3{top:-5%;left:-60%;background:linear-gradient(90deg,transparent 0%,var(--tech-flow-color, var(--tech-primary-dark, #0098d4)) 25%,transparent 50%,var(--tech-flow-color, var(--tech-primary)) 75%,transparent 100%);animation:techAuroraMove3 calc(var(--tech-flow-speed, 6s) * 5) ease-in-out infinite;opacity:calc(var(--tech-flow-opacity, .6) * .5)}@keyframes techAuroraMove1{0%,to{transform:translate(0) rotate(-3deg) scaleY(1)}33%{transform:translate(15%) rotate(2deg) scaleY(1.2)}66%{transform:translate(-10%) rotate(-1deg) scaleY(.9)}}@keyframes techAuroraMove2{0%,to{transform:translate(0) rotate(2deg) scaleY(1)}50%{transform:translate(-20%) rotate(-3deg) scaleY(1.3)}}@keyframes techAuroraMove3{0%,to{transform:translate(0) rotate(-1deg)}50%{transform:translate(25%) rotate(3deg)}}.tech-flow-light--grid .tech-flow-light__grid-canvas{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--tech-flow-color, var(--tech-border)) 1px,transparent 1px),linear-gradient(90deg,var(--tech-flow-color, var(--tech-border)) 1px,transparent 1px);background-size:40px 40px;opacity:var(--tech-flow-opacity, .6);animation:techGridFlow calc(var(--tech-flow-speed, 6s) * 2) linear infinite;pointer-events:none}.tech-flow-light--grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 0%,var(--tech-bg-dark) 70%);pointer-events:none;z-index:1}@keyframes techGridFlow{0%{background-position:0 0}to{background-position:40px 40px}}.tech-flow-light--particle .tech-flow-light__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tech-flow-light__particle{position:absolute;left:var(--tech-flow-px);top:var(--tech-flow-py);width:var(--tech-flow-pr, 2px);height:var(--tech-flow-pr, 2px);border-radius:50%;background:var(--tech-flow-color, var(--tech-primary));box-shadow:0 0 6px var(--tech-flow-color, var(--tech-primary));opacity:0;animation:techParticleFloat var(--tech-flow-pd, 3s) var(--tech-flow-ps, 2s) ease-in-out infinite}@keyframes techParticleFloat{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:var(--tech-flow-opacity, .6)}80%{opacity:var(--tech-flow-opacity, .6)}to{opacity:0;transform:translateY(-80px) scale(1.2)}}.tech-flow-light--wave .tech-flow-light__waves{position:absolute;bottom:0;left:0;right:0;height:50%;pointer-events:none}.tech-flow-light__wave{position:absolute;bottom:0;left:-50%;width:200%;height:100%;opacity:var(--tech-flow-opacity, .6)}.tech-flow-light__wave--1{background:linear-gradient(0deg,var(--tech-flow-color, var(--tech-primary)) 0%,transparent 60%);opacity:calc(var(--tech-flow-opacity, .6) * .15);animation:techWaveMove calc(var(--tech-flow-speed, 6s) * 1.5) linear infinite}.tech-flow-light__wave--2{background:linear-gradient(0deg,var(--tech-flow-color, var(--tech-secondary)) 0%,transparent 50%);opacity:calc(var(--tech-flow-opacity, .6) * .12);animation:techWaveMove calc(var(--tech-flow-speed, 6s) * 2) linear infinite reverse}.tech-flow-light__wave--3{background:linear-gradient(0deg,var(--tech-flow-color, var(--tech-primary)) 0%,transparent 40%);opacity:calc(var(--tech-flow-opacity, .6) * .08);animation:techWaveMove calc(var(--tech-flow-speed, 6s) * 2.5) linear infinite}@keyframes techWaveMove{0%{transform:translate(0) scaleY(1)}25%{transform:translate(-5%) scaleY(1.1)}50%{transform:translate(0) scaleY(.95)}75%{transform:translate(5%) scaleY(1.05)}to{transform:translate(0) scaleY(1)}}.tech-flow-light--low .tech-flow-light__aurora,.tech-flow-light--low .tech-flow-light__grid-canvas,.tech-flow-light--low .tech-flow-light__particles,.tech-flow-light--low .tech-flow-light__waves{filter:blur(2px) brightness(.5)}.tech-flow-light--high .tech-flow-light__aurora,.tech-flow-light--high .tech-flow-light__particles,.tech-flow-light--high .tech-flow-light__waves{filter:brightness(1.3)}.tech-flow-light--high .tech-flow-light__grid-canvas{filter:brightness(1.5)}
+
+.tech-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--tech-icon-text, var(--tech-text-primary));line-height:1;flex-shrink:0;transition:color .3s,filter .3s}.tech-icon__svg{width:100%;height:100%;display:block}.tech-icon--clickable{cursor:pointer}.tech-icon--clickable:hover{color:var(--tech-icon-primary, var(--tech-primary));filter:drop-shadow(0 0 4px var(--tech-icon-glow, var(--tech-glow-primary)))}.tech-icon--neon{color:var(--tech-icon-primary, var(--tech-primary));filter:drop-shadow(0 0 6px var(--tech-icon-glow, var(--tech-glow-primary)))}.tech-icon--glow{color:var(--tech-icon-primary, var(--tech-primary));animation:techIconGlow 2s ease-in-out infinite alternate}@keyframes techIconGlow{0%{filter:drop-shadow(0 0 6px var(--tech-icon-glow, var(--tech-glow-primary))) drop-shadow(0 0 12px var(--tech-icon-glow, var(--tech-glow-primary)))}to{filter:drop-shadow(0 0 12px var(--tech-icon-glow, var(--tech-glow-primary))) drop-shadow(0 0 24px var(--tech-icon-glow, var(--tech-glow-primary)))}}.tech-icon--spin{animation:techIconSpin 1s linear infinite}@keyframes techIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+
+.tech-masonry{position:relative;display:flex;gap:var(--tech-masonry-gap, 12px);overflow:hidden}.tech-masonry__column{flex:1;display:flex;flex-direction:column;gap:var(--tech-masonry-gap, 12px);min-width:0}.tech-masonry--scan .tech-masonry__scan-line{display:block}.tech-masonry__scan-line{display:none;position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--tech-masonry-primary, var(--tech-primary)),transparent);animation:techMasonryScan 4s linear infinite;opacity:.5;z-index:2;pointer-events:none}@keyframes techMasonryScan{0%{top:0}to{top:100%}}.tech-masonry__item{position:relative;background:var(--tech-masonry-bg-card, var(--tech-bg-card));border:1px solid var(--tech-masonry-border, var(--tech-border));border-radius:4px;overflow:hidden;min-height:var(--tech-masonry-item-height, 200px);opacity:0;transform:translateY(20px) scale(.97);transition:opacity .5s ease,transform .5s ease,background-color .4s,border-color .4s,box-shadow .4s,color .4s;transition-delay:var(--tech-masonry-item-delay, 0ms)}.tech-masonry__item--visible{opacity:1;transform:translateY(0) scale(1)}.tech-masonry__item:hover{border-color:var(--tech-masonry-border-active, var(--tech-border-active));box-shadow:0 0 12px var(--tech-masonry-glow, var(--tech-glow-primary));background:var(--tech-masonry-bg-card-hover, var(--tech-bg-card-hover))}.tech-masonry__item-corner{position:absolute;width:10px;height:10px;z-index:1;opacity:.6;transition:opacity .3s,border-color .4s}.tech-masonry__item:hover .tech-masonry__item-corner{opacity:1}.tech-masonry__item-corner--tl{top:0;left:0;border-top:2px solid var(--tech-masonry-primary, var(--tech-primary));border-left:2px solid var(--tech-masonry-primary, var(--tech-primary))}.tech-masonry__item-corner--tr{top:0;right:0;border-top:2px solid var(--tech-masonry-primary, var(--tech-primary));border-right:2px solid var(--tech-masonry-primary, var(--tech-primary))}.tech-masonry__item-corner--bl{bottom:0;left:0;border-bottom:2px solid var(--tech-masonry-primary, var(--tech-primary));border-left:2px solid var(--tech-masonry-primary, var(--tech-primary))}.tech-masonry__item-corner--br{bottom:0;right:0;border-bottom:2px solid var(--tech-masonry-primary, var(--tech-primary));border-right:2px solid var(--tech-masonry-primary, var(--tech-primary))}.tech-masonry__item-content{padding:12px;color:var(--tech-masonry-text-primary, var(--tech-text-primary));transition:color .4s}.tech-masonry--neon .tech-masonry__item{border-color:var(--tech-masonry-primary, var(--tech-primary));box-shadow:0 0 8px var(--tech-masonry-glow, var(--tech-glow-primary))}.tech-masonry--neon .tech-masonry__item:hover{box-shadow:0 0 20px var(--tech-masonry-glow, var(--tech-glow-primary)),0 0 40px var(--tech-masonry-glow, var(--tech-glow-primary))}.tech-masonry--glass .tech-masonry__item{background:var(--tech-masonry-bg-card, var(--tech-bg-card));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--tech-masonry-border, var(--tech-border))}.tech-masonry--glass .tech-masonry__item:hover{background:var(--tech-masonry-bg-card-hover, var(--tech-bg-card-hover));border-color:var(--tech-masonry-primary, var(--tech-primary));box-shadow:0 0 16px var(--tech-masonry-glow, var(--tech-glow-primary))}.tech-masonry--glass .tech-masonry__item-corner{opacity:.4}.tech-masonry--glass .tech-masonry__item:hover .tech-masonry__item-corner{opacity:1}
+
+.tech-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.tech-modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tech-modal-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px}.tech-modal{position:relative;background:var(--tech-bg-medium);border:1px solid var(--tech-border);border-radius:4px;overflow:hidden;max-height:calc(100vh - 48px);display:flex;flex-direction:column}.tech-modal--animate{animation:techModalIn .3s ease-out}@keyframes techModalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tech-modal--default{border-color:var(--tech-border);box-shadow:0 8px 40px #00000080,0 0 30px var(--tech-glow-primary)}.tech-modal--neon{border-color:var(--tech-primary);box-shadow:0 0 5px var(--tech-primary),0 0 15px var(--tech-glow-primary),0 8px 40px #00000080}.tech-modal--scan{border-color:var(--tech-border);box-shadow:0 8px 40px #00000080,0 0 30px var(--tech-glow-primary);overflow:hidden}.tech-modal__scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--tech-primary),transparent);z-index:2;animation:techScan 3s linear infinite}.tech-modal__corner{position:absolute;width:16px;height:16px;z-index:2}.tech-modal__corner--tl{top:0;left:0;border-top:2px solid var(--tech-primary);border-left:2px solid var(--tech-primary)}.tech-modal__corner--tr{top:0;right:0;border-top:2px solid var(--tech-primary);border-right:2px solid var(--tech-primary)}.tech-modal__corner--bl{bottom:0;left:0;border-bottom:2px solid var(--tech-primary);border-left:2px solid var(--tech-primary)}.tech-modal__corner--br{bottom:0;right:0;border-bottom:2px solid var(--tech-primary);border-right:2px solid var(--tech-primary)}.tech-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--tech-border);background:#00d4ff08}.tech-modal__title{font-family:var(--tech-font-title);font-size:16px;font-weight:600;color:var(--tech-primary);letter-spacing:1px}.tech-modal__close{background:none;border:none;color:var(--tech-text-muted);font-size:16px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.tech-modal__close:hover{color:var(--tech-primary);background:var(--tech-glow-primary)}.tech-modal__body{flex:1;padding:24px;overflow-y:auto;color:var(--tech-text-secondary);font-size:14px;line-height:1.8}.tech-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:12px 24px;border-top:1px solid var(--tech-border);background:#00d4ff05}
+
+.tech-popconfirm{position:fixed;z-index:1050;min-width:240px;max-width:400px;background:var(--tech-bg-medium);border:1px solid var(--tech-border);border-radius:4px;padding:16px;opacity:0;transform:scale(.92);animation:techPopconfirmIn .25s cubic-bezier(.4,0,.2,1) forwards;overflow:hidden}@keyframes techPopconfirmIn{to{opacity:1;transform:scale(1)}}.tech-popconfirm--neon{border-color:var(--tech-primary);box-shadow:0 0 20px var(--tech-glow-primary),inset 0 0 20px var(--tech-glow-primary)}.tech-popconfirm--scan .tech-popconfirm__scan-line{display:block}.tech-popconfirm__scan-line{display:none;position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--tech-primary),transparent);animation:techPopconfirmScan 2s linear infinite;opacity:.5}@keyframes techPopconfirmScan{0%{top:0}to{top:100%}}.tech-popconfirm__corner{position:absolute;width:8px;height:8px;z-index:1}.tech-popconfirm__corner--tl{top:0;left:0;border-top:2px solid var(--tech-primary);border-left:2px solid var(--tech-primary)}.tech-popconfirm__corner--tr{top:0;right:0;border-top:2px solid var(--tech-primary);border-right:2px solid var(--tech-primary)}.tech-popconfirm__corner--bl{bottom:0;left:0;border-bottom:2px solid var(--tech-primary);border-left:2px solid var(--tech-primary)}.tech-popconfirm__corner--br{bottom:0;right:0;border-bottom:2px solid var(--tech-primary);border-right:2px solid var(--tech-primary)}.tech-popconfirm__arrow{position:absolute;width:8px;height:8px;background:var(--tech-bg-medium);border:1px solid var(--tech-border);transform:rotate(45deg)}.tech-popconfirm__arrow--top{bottom:-5px;left:50%;margin-left:-4px;border-top:none;border-left:none}.tech-popconfirm__arrow--bottom{top:-5px;left:50%;margin-left:-4px;border-bottom:none;border-right:none}.tech-popconfirm__arrow--left{right:-5px;top:50%;margin-top:-4px;border-bottom:none;border-left:none}.tech-popconfirm__arrow--right{left:-5px;top:50%;margin-top:-4px;border-top:none;border-right:none}.tech-popconfirm--neon .tech-popconfirm__arrow{border-color:var(--tech-primary)}.tech-popconfirm__title{font-size:14px;font-weight:600;color:var(--tech-primary);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--tech-border);letter-spacing:1px}.tech-popconfirm__content{font-size:13px;color:var(--tech-text-secondary);line-height:1.6;margin-bottom:14px}.tech-popconfirm__actions{display:flex;justify-content:flex-end;gap:8px}.tech-popconfirm__btn{padding:4px 16px;font-size:12px;border-radius:2px;cursor:pointer;transition:all .2s;letter-spacing:1px;font-family:var(--tech-font-body)}.tech-popconfirm__btn--cancel{background:transparent;border:1px solid var(--tech-border);color:var(--tech-text-secondary)}.tech-popconfirm__btn--cancel:hover{border-color:var(--tech-text-secondary);color:var(--tech-text-primary)}.tech-popconfirm__btn--confirm{background:var(--tech-primary);border:1px solid var(--tech-primary);color:var(--tech-bg-dark);font-weight:600}.tech-popconfirm__btn--confirm:hover{box-shadow:0 0 10px var(--tech-glow-primary);background:var(--tech-primary-light)}.tech-popconfirm-trigger{display:inline-block}
+
+.tech-qrcode{position:relative;display:inline-flex;flex-direction:column;align-items:center;padding:20px;background:var(--tech-bg-medium);border:1px solid var(--tech-border);border-radius:4px;overflow:hidden}.tech-qrcode--neon{border-color:var(--tech-primary);box-shadow:0 0 20px var(--tech-glow-primary),inset 0 0 20px var(--tech-glow-primary)}.tech-qrcode--scan .tech-qrcode__scan-line{display:block}.tech-qrcode__scan-line{display:none;position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--tech-primary),transparent);animation:techQRScan 2.5s linear infinite;opacity:.6;z-index:2}@keyframes techQRScan{0%{top:0}to{top:100%}}.tech-qrcode__corner{position:absolute;width:14px;height:14px;z-index:1}.tech-qrcode__corner--tl{top:0;left:0;border-top:2px solid var(--tech-primary);border-left:2px solid var(--tech-primary)}.tech-qrcode__corner--tr{top:0;right:0;border-top:2px solid var(--tech-primary);border-right:2px solid var(--tech-primary)}.tech-qrcode__corner--bl{bottom:0;left:0;border-bottom:2px solid var(--tech-primary);border-left:2px solid var(--tech-primary)}.tech-qrcode__corner--br{bottom:0;right:0;border-bottom:2px solid var(--tech-primary);border-right:2px solid var(--tech-primary)}.tech-qrcode__frame{position:relative;padding:8px;border:1px solid var(--tech-border);border-radius:2px;background:var(--tech-bg-dark)}.tech-qrcode--neon .tech-qrcode__frame{border-color:var(--tech-primary);box-shadow:0 0 10px var(--tech-glow-primary)}.tech-qrcode__inner{position:relative;display:flex;align-items:center;justify-content:center}.tech-qrcode__image{display:block;image-rendering:pixelated}.tech-qrcode__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--tech-bg-dark);border:2px solid var(--tech-primary);border-radius:4px;padding:4px;display:flex;align-items:center;justify-content:center}.tech-qrcode__info{margin-top:12px;text-align:center}.tech-qrcode__title{font-size:14px;font-weight:600;color:var(--tech-primary);letter-spacing:1px;margin-bottom:4px}.tech-qrcode__desc{font-size:12px;color:var(--tech-text-secondary);max-width:240px;word-break:break-all}
+
+.tech-screen-adapter,.tech-screen-bg--dark{background:var(--tech-bg-dark)}.tech-screen-bg--grid{background:var(--tech-bg-dark) linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px}.tech-screen-bg--particles{background:radial-gradient(1px 1px at 20% 30%,rgba(0,212,255,.4),transparent),radial-gradient(1px 1px at 40% 70%,rgba(0,212,255,.3),transparent),radial-gradient(1px 1px at 60% 20%,rgba(10,255,176,.3),transparent),radial-gradient(1px 1px at 80% 50%,rgba(0,212,255,.35),transparent),radial-gradient(1px 1px at 10% 80%,rgba(0,212,255,.25),transparent),radial-gradient(1px 1px at 70% 90%,rgba(10,255,176,.2),transparent),radial-gradient(1px 1px at 90% 10%,rgba(0,212,255,.3),transparent),radial-gradient(1px 1px at 50% 50%,rgba(0,212,255,.2),transparent),var(--tech-bg-dark)}.tech-screen-adapter__content{box-sizing:border-box}
+
+.tech-scroll-table{width:100%;overflow:hidden;font-size:14px}.tech-scroll-table__header{display:flex;align-items:center;height:var(--tech-table-row-height);background:linear-gradient(90deg,#00d4ff1a,#00d4ff0d);border-bottom:1px solid var(--tech-border)}.tech-scroll-table__header-cell{padding:0 12px;font-weight:600;color:var(--tech-table-header-color);font-size:13px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-scroll-table__body{overflow:hidden;position:relative}.tech-scroll-table__scroll-wrapper{will-change:transform}.tech-scroll-table__row{display:flex;align-items:center;height:var(--tech-table-row-height);border-bottom:1px solid rgba(0,212,255,.06);transition:background .2s ease}.tech-scroll-table__row--hover:hover{background:#00d4ff0f}.tech-scroll-table__row:nth-child(2n){background:#00d4ff05}.tech-scroll-table__cell{padding:0 12px;color:var(--tech-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+
+.tech-skeleton{position:relative;overflow:hidden;background:var(--tech-bg-light);border:1px solid var(--tech-border)}.tech-skeleton--text{border-radius:2px}.tech-skeleton--rect{border-radius:4px}.tech-skeleton--circle{border-radius:50%}.tech-skeleton--animate:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.06) 40%,rgba(0,212,255,.12) 50%,rgba(0,212,255,.06) 60%,transparent 100%);animation:techSkeletonShimmer 1.8s ease-in-out infinite}@keyframes techSkeletonShimmer{0%{left:-100%}to{left:100%}}.tech-skeleton--animate:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid transparent;animation:techSkeletonPulse 2s ease-in-out infinite}@keyframes techSkeletonPulse{0%,to{border-color:transparent}50%{border-color:var(--tech-primary);box-shadow:0 0 6px var(--tech-glow-primary)}}.tech-skeleton-rows{display:flex;flex-direction:column}.tech-skeleton-card{position:relative;background:var(--tech-bg-medium);border:1px solid var(--tech-border);border-radius:4px;padding:16px;overflow:hidden}.tech-skeleton-card--animate:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.04) 40%,rgba(0,212,255,.08) 50%,rgba(0,212,255,.04) 60%,transparent 100%);animation:techSkeletonShimmer 1.8s ease-in-out infinite}.tech-skeleton-card__header{display:flex;align-items:center;gap:12px}.tech-skeleton-card__footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--tech-border)}
+
+.tech-status-indicator{display:inline-flex;align-items:center;gap:8px}.tech-status-indicator__dot{position:relative;border-radius:50%;background:var(--tech-status-color);box-shadow:0 0 6px var(--tech-status-color)}.tech-status-indicator--small .tech-status-indicator__dot{width:6px;height:6px}.tech-status-indicator--medium .tech-status-indicator__dot{width:8px;height:8px}.tech-status-indicator--large .tech-status-indicator__dot{width:12px;height:12px}.tech-status-indicator__pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--tech-status-color);animation:techDotBlink 1.5s ease-in-out infinite}.tech-status-indicator--large .tech-status-indicator__pulse{top:-6px;right:-6px;bottom:-6px;left:-6px}.tech-status-indicator__label{font-size:13px;color:var(--tech-text-secondary);letter-spacing:.5px}
+
+.tech-border{position:relative;box-sizing:border-box}.tech-border__content{position:relative;z-index:1;width:100%;height:100%}.tech-border--corner{border:var(--tech-border-width) solid var(--tech-border-color);background:var(--tech-bg-card)}.tech-border__corner{position:absolute;width:var(--tech-corner-size);height:var(--tech-corner-size);z-index:2}.tech-border__corner--tl{top:-1px;left:-1px;border-top:2px solid var(--tech-border-color);border-left:2px solid var(--tech-border-color)}.tech-border__corner--tr{top:-1px;right:-1px;border-top:2px solid var(--tech-border-color);border-right:2px solid var(--tech-border-color)}.tech-border__corner--bl{bottom:-1px;left:-1px;border-bottom:2px solid var(--tech-border-color);border-left:2px solid var(--tech-border-color)}.tech-border__corner--br{bottom:-1px;right:-1px;border-bottom:2px solid var(--tech-border-color);border-right:2px solid var(--tech-border-color)}.tech-border--animate .tech-border__corner{box-shadow:0 0 8px var(--tech-border-glow)}.tech-border--full{border:var(--tech-border-width) solid var(--tech-border-color);background:var(--tech-bg-card);box-shadow:inset 0 0 30px var(--tech-border-glow)}.tech-border--animate.tech-border--full{animation:techPulse 3s ease-in-out infinite}.tech-border--gradient{background:var(--tech-bg-card);border:none;padding:1px}.tech-border--gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--tech-border-color),transparent 40%,transparent 60%,var(--tech-border-color));z-index:0;border-radius:inherit}.tech-border--animate.tech-border--gradient:before{background:linear-gradient(135deg,var(--tech-border-color),transparent 40%,transparent 60%,var(--tech-border-color));background-size:200% 200%;animation:techBorderFlow 4s linear infinite}.tech-border--gradient .tech-border__content{background:var(--tech-bg-card);border-radius:inherit}.tech-border--scan{border:var(--tech-border-width) solid var(--tech-border-color);background:var(--tech-bg-card);overflow:hidden}.tech-border__scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--tech-border-color),transparent);z-index:2;opacity:.6}.tech-border--animate .tech-border__scan-line{animation:techScan 3s linear infinite}.tech-border--neon{border:var(--tech-border-width) solid var(--tech-border-color);background:var(--tech-bg-card);box-shadow:0 0 5px var(--tech-border-color),0 0 10px var(--tech-border-glow),inset 0 0 5px var(--tech-border-glow)}.tech-border--animate.tech-border--neon{animation:techGlow 2s ease-in-out infinite}
+
+.tech-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;cursor:pointer;font-family:var(--tech-font-title);font-weight:500;letter-spacing:1px;transition:all var(--tech-duration-normal) var(--tech-easing);overflow:hidden;white-space:nowrap;outline:none}.tech-button:disabled{opacity:.4;cursor:not-allowed}.tech-button--small{padding:6px 16px;font-size:12px;height:32px}.tech-button--medium{padding:8px 24px;font-size:14px;height:40px}.tech-button--large{padding:12px 32px;font-size:16px;height:48px}.tech-button--primary{background:linear-gradient(135deg,var(--tech-btn-color, var(--tech-primary)),var(--tech-primary-dark));color:var(--tech-bg-dark);border-color:var(--tech-btn-color, var(--tech-primary))}.tech-button--primary:hover:not(:disabled){box-shadow:0 0 20px #00d4ff66;transform:translateY(-1px)}.tech-button--secondary{background:linear-gradient(135deg,var(--tech-btn-color, var(--tech-secondary)),var(--tech-secondary-dark));color:var(--tech-bg-dark);border-color:var(--tech-btn-color, var(--tech-secondary))}.tech-button--secondary:hover:not(:disabled){box-shadow:0 0 20px #0affb066;transform:translateY(-1px)}.tech-button--outline{background:transparent;color:var(--tech-btn-color, var(--tech-primary));border-color:var(--tech-btn-color, var(--tech-primary))}.tech-button--outline:hover:not(:disabled){background:#00d4ff1a;box-shadow:0 0 15px #00d4ff33}.tech-button--ghost{background:transparent;color:var(--tech-btn-color, var(--tech-primary));border-color:transparent}.tech-button--ghost:hover:not(:disabled){background:#00d4ff14}.tech-button--neon{background:transparent;color:var(--tech-btn-color, var(--tech-primary));border-color:var(--tech-btn-color, var(--tech-primary));box-shadow:0 0 5px var(--tech-btn-color, var(--tech-primary)),inset 0 0 5px #00d4ff1a}.tech-button--neon:hover:not(:disabled){box-shadow:0 0 10px var(--tech-btn-color, var(--tech-primary)),0 0 20px #00d4ff4d,inset 0 0 10px #00d4ff26}.tech-button--glow{animation:techPulse 2s ease-in-out infinite}.tech-button__border-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.tech-button:hover:not(:disabled) .tech-button__border-effect{left:100%}.tech-button__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:techRotate .6s linear infinite}.tech-button__icon{display:flex;align-items:center;font-size:1em}.tech-button__text{display:inline-flex}
+
+.tech-title{position:relative;font-family:var(--tech-font-title);font-weight:600;letter-spacing:2px;margin:0;padding:0}.tech-title--h1{font-size:28px;line-height:1.4}.tech-title--h2{font-size:22px;line-height:1.4}.tech-title--h3{font-size:18px;line-height:1.4}.tech-title--left{text-align:left}.tech-title--center{text-align:center}.tech-title--right{text-align:right}.tech-title--default{color:var(--tech-title-color, var(--tech-primary))}.tech-title--gradient{background:linear-gradient(90deg,var(--tech-title-color, var(--tech-primary)),var(--tech-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-title--glow{color:var(--tech-title-color, var(--tech-primary));text-shadow:0 0 10px var(--tech-title-color, var(--tech-primary)),0 0 30px rgba(0,212,255,.3)}.tech-title--animate.tech-title--glow{animation:techGlow 2s ease-in-out infinite}.tech-title--underline{display:flex;align-items:center;gap:4px;margin-top:8px}.tech-title--center .tech-title--underline{justify-content:center}.tech-title__underline-dot{width:4px;height:4px;background:var(--tech-title-color, var(--tech-primary));border-radius:50%;box-shadow:0 0 6px var(--tech-title-color, var(--tech-primary))}.tech-title__underline-line{flex:1;max-width:120px;height:1px;background:linear-gradient(90deg,var(--tech-title-color, var(--tech-primary)),transparent)}.tech-title--animate .tech-title__underline-line{animation:techLineGrow 1s ease-out}.tech-title--bracket{color:var(--tech-title-color, var(--tech-primary))}.tech-title__bracket{color:var(--tech-title-color, var(--tech-primary));font-weight:400;opacity:.7}.tech-title--animate .tech-title__bracket--left{animation:techSlideIn .5s ease-out}.tech-title--animate .tech-title__bracket--right{animation:techSlideIn .5s ease-out .1s both}.tech-title__text{display:inline}
+
+.tech-theme-switcher{display:flex;gap:8px;flex-wrap:wrap}.tech-theme-swatch{position:relative;width:48px;height:48px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.tech-theme-swatch:hover{transform:scale(1.1);box-shadow:0 0 12px var(--tech-glow-primary)}.tech-theme-swatch--active{border-color:var(--tech-primary);box-shadow:0 0 15px var(--tech-glow-primary)}.tech-theme-swatch__inner{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:5px;display:flex;flex-direction:column;overflow:hidden}.tech-theme-swatch__bg{flex:1}.tech-theme-swatch__accent{height:4px}.tech-theme-swatch__label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:11px;color:var(--tech-text-secondary);white-space:nowrap;transition:color .2s}.tech-theme-swatch--active .tech-theme-swatch__label{color:var(--tech-primary)}
+
+.tech-toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.tech-toast{position:relative;display:flex;align-items:center;gap:10px;padding:12px 24px;min-width:280px;max-width:520px;background:var(--tech-bg-medium);border:1px solid var(--tech-border);border-radius:4px;pointer-events:auto;opacity:0;transform:translateY(-20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.tech-toast--visible{opacity:1;transform:translateY(0) scale(1)}.tech-toast__scan-line{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--tech-primary),transparent);animation:techToastScan 2s linear infinite;opacity:.6}@keyframes techToastScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tech-toast__corner{position:absolute;width:10px;height:10px;z-index:1}.tech-toast__corner--tl{top:0;left:0;border-top:2px solid var(--tech-primary);border-left:2px solid var(--tech-primary)}.tech-toast__corner--tr{top:0;right:0;border-top:2px solid var(--tech-primary);border-right:2px solid var(--tech-primary)}.tech-toast__corner--bl{bottom:0;left:0;border-bottom:2px solid var(--tech-primary);border-left:2px solid var(--tech-primary)}.tech-toast__corner--br{bottom:0;right:0;border-bottom:2px solid var(--tech-primary);border-right:2px solid var(--tech-primary)}.tech-toast__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;position:relative}.tech-toast__loading-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-top-color:var(--tech-primary);border-radius:50%;animation:techToastSpin 1s linear infinite}@keyframes techToastSpin{to{transform:rotate(360deg)}}.tech-toast__content{flex:1;font-size:14px;line-height:1.5;color:var(--tech-text-primary);font-family:var(--tech-font-body)}.tech-toast__close{flex-shrink:0;background:none;border:none;color:var(--tech-text-muted);font-size:12px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.tech-toast__close:hover{color:var(--tech-primary);background:var(--tech-glow-primary)}.tech-toast--info{border-color:var(--tech-border);box-shadow:0 4px 20px #0006,0 0 15px var(--tech-glow-primary)}.tech-toast--info .tech-toast__icon{color:var(--tech-primary);text-shadow:0 0 8px var(--tech-glow-primary)}.tech-toast--info .tech-toast__corner--tl,.tech-toast--info .tech-toast__corner--tr,.tech-toast--info .tech-toast__corner--bl,.tech-toast--info .tech-toast__corner--br{border-color:var(--tech-primary)}.tech-toast--success{border-color:#0affb066;box-shadow:0 4px 20px #0006,0 0 15px var(--tech-glow-secondary)}.tech-toast--success .tech-toast__icon{color:var(--tech-success);text-shadow:0 0 8px var(--tech-glow-secondary)}.tech-toast--success .tech-toast__corner--tl,.tech-toast--success .tech-toast__corner--tr,.tech-toast--success .tech-toast__corner--bl,.tech-toast--success .tech-toast__corner--br{border-color:var(--tech-success)}.tech-toast--success .tech-toast__scan-line{background:linear-gradient(90deg,transparent,var(--tech-success),transparent)}.tech-toast--warning{border-color:#ffd00066;box-shadow:0 4px 20px #0006,0 0 15px #ffd00026}.tech-toast--warning .tech-toast__icon{color:var(--tech-warning);text-shadow:0 0 8px rgba(255,208,0,.4)}.tech-toast--warning .tech-toast__corner--tl,.tech-toast--warning .tech-toast__corner--tr,.tech-toast--warning .tech-toast__corner--bl,.tech-toast--warning .tech-toast__corner--br{border-color:var(--tech-warning)}.tech-toast--warning .tech-toast__scan-line{background:linear-gradient(90deg,transparent,var(--tech-warning),transparent)}.tech-toast--error{border-color:#ff475766;box-shadow:0 4px 20px #0006,0 0 15px #ff475726}.tech-toast--error .tech-toast__icon{color:var(--tech-danger);text-shadow:0 0 8px rgba(255,71,87,.4)}.tech-toast--error .tech-toast__corner--tl,.tech-toast--error .tech-toast__corner--tr,.tech-toast--error .tech-toast__corner--bl,.tech-toast--error .tech-toast__corner--br{border-color:var(--tech-danger)}.tech-toast--error .tech-toast__scan-line{background:linear-gradient(90deg,transparent,var(--tech-danger),transparent)}.tech-toast--loading{border-color:var(--tech-border);box-shadow:0 4px 20px #0006,0 0 15px var(--tech-glow-primary)}.tech-toast--loading .tech-toast__icon{color:var(--tech-primary);text-shadow:0 0 8px var(--tech-glow-primary)}.tech-toast--loading .tech-toast__corner--tl,.tech-toast--loading .tech-toast__corner--tr,.tech-toast--loading .tech-toast__corner--bl,.tech-toast--loading .tech-toast__corner--br{border-color:var(--tech-primary);animation:techCornerPulse 1.5s ease-in-out infinite}@keyframes techCornerPulse{0%,to{opacity:1}50%{opacity:.4}}

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+
+export { ScreenAdapter } from './components/ScreenAdapter';
+export { TechBorder } from './components/TechBorder';
+export { DataCard } from './components/DataCard';
+export { DigitalNumber } from './components/DigitalNumber';
+export { TechTitle } from './components/TechTitle';
+export { ScrollTable } from './components/ScrollTable';
+export { StatusIndicator } from './components/StatusIndicator';
+export { DecorationLine } from './components/DecorationLine';
+export { TechButton } from './components/TechButton';
+export { Modal } from './components/Modal';
+export { FlowLight } from './components/FlowLight';
+export { Toast } from './components/Toast';
+export { ThemeProvider, useTheme, presetThemes, themeLabels } from './components/ThemeProvider';
+export type { ThemeProviderProps, TechThemeVars, PartialTechThemeVars } from './components/ThemeProvider';
+export { Popconfirm } from './components/Popconfirm';
+export type { PopconfirmProps } from './components/Popconfirm';
+export { Skeleton } from './components/Skeleton';
+export type { SkeletonProps } from './components/Skeleton';
+export { Drawer } from './components/Drawer';
+export type { DrawerProps } from './components/Drawer';
+export { QRCode } from './components/QRCode';
+export type { QRCodeProps } from './components/QRCode';
+export { Icon, iconNames } from './components/Icon';
+export type { IconProps, IconName } from './components/Icon';
+export { Masonry } from './components/Masonry';
+export type { MasonryProps, MasonryItem } from './components/Masonry';
+export { FloatingButton } from './components/FloatingButton';
+export type { FloatingButtonProps } from './components/FloatingButton';
+export { techTheme } from './theme';
+export type { TechTheme } from './theme';

package/dist/jsx-runtime/style.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{--tech-primary: #00d4ff;--tech-primary-dark: #0098d4;--tech-primary-light: #33ddff;--tech-secondary: #0affb0;--tech-secondary-dark: #08c98a;--tech-accent: #ff6b35;--tech-warning: #ffd000;--tech-danger: #ff4757;--tech-success: #0affb0;--tech-bg-dark: #0a0e27;--tech-bg-medium: #0d1135;--tech-bg-light: #131842;--tech-bg-card: rgba(13, 17, 53, .85);--tech-bg-card-hover: rgba(19, 24, 66, .9);--tech-border: rgba(0, 212, 255, .3);--tech-border-active: rgba(0, 212, 255, .7);--tech-text-primary: #e8eaf6;--tech-text-secondary: rgba(232, 234, 246, .65);--tech-text-muted: rgba(232, 234, 246, .35);--tech-glow-primary: rgba(0, 212, 255, .15);--tech-glow-secondary: rgba(10, 255, 176, .15);--tech-font-digital: "Orbitron", "Rajdhani", "Courier New", monospace;--tech-font-title: "Rajdhani", "Microsoft YaHei", sans-serif;--tech-font-body: "Microsoft YaHei", "PingFang SC", sans-serif;--tech-duration-fast: .2s;--tech-duration-normal: .3s;--tech-duration-slow: .6s;--tech-duration-glow: 2s;--tech-easing: cubic-bezier(.4, 0, .2, 1)}@keyframes techGlow{0%,to{opacity:1}50%{opacity:.6}}@keyframes techPulse{0%,to{box-shadow:0 0 5px #00d4ff4d}50%{box-shadow:0 0 20px #00d4ff99}}@keyframes techScan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes techBorderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes techFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes techSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes techNumberFlip{0%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes techDotBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes techLineGrow{0%{width:0}to{width:100%}}@keyframes techRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--tech-bg-dark);color:var(--tech-text-primary);font-family:var(--tech-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--tech-bg-dark)}::-webkit-scrollbar-thumb{background:var(--tech-primary);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--tech-primary-light)}

package/dist/theme/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a={colors:{primary:"#00d4ff",primaryDark:"#0098d4",primaryLight:"#33ddff",secondary:"#0affb0",secondaryDark:"#08c98a",accent:"#ff6b35",accentLight:"#ff8f66",warning:"#ffd000",danger:"#ff4757",success:"#0affb0",bgDark:"#0a0e27",bgMedium:"#0d1135",bgLight:"#131842",bgCard:"rgba(13, 17, 53, 0.85)",bgCardHover:"rgba(19, 24, 66, 0.9)",border:"rgba(0, 212, 255, 0.3)",borderActive:"rgba(0, 212, 255, 0.7)",textPrimary:"#e8eaf6",textSecondary:"rgba(232, 234, 246, 0.65)",textMuted:"rgba(232, 234, 246, 0.35)",glowPrimary:"rgba(0, 212, 255, 0.15)",glowSecondary:"rgba(10, 255, 176, 0.15)"},fonts:{digital:'"Orbitron", "Rajdhani", "Courier New", monospace',title:'"Rajdhani", "Microsoft YaHei", sans-serif',body:'"Microsoft YaHei", "PingFang SC", sans-serif'},animation:{durationFast:"0.2s",durationNormal:"0.3s",durationSlow:"0.6s",durationGlow:"2s",easing:"cubic-bezier(0.4, 0, 0.2, 1)",easingBounce:"cubic-bezier(0.68, -0.55, 0.265, 1.55)"},shadows:{glow:"0 0 20px rgba(0, 212, 255, 0.3)",glowStrong:"0 0 40px rgba(0, 212, 255, 0.5)",glowSecondary:"0 0 20px rgba(10, 255, 176, 0.3)",card:"0 4px 30px rgba(0, 0, 0, 0.4)"}};exports.techTheme=a;

package/dist/theme/index.d.ts

@@ -0,0 +1,46 @@
+export declare const techTheme: {
+    readonly colors: {
+        readonly primary: "#00d4ff";
+        readonly primaryDark: "#0098d4";
+        readonly primaryLight: "#33ddff";
+        readonly secondary: "#0affb0";
+        readonly secondaryDark: "#08c98a";
+        readonly accent: "#ff6b35";
+        readonly accentLight: "#ff8f66";
+        readonly warning: "#ffd000";
+        readonly danger: "#ff4757";
+        readonly success: "#0affb0";
+        readonly bgDark: "#0a0e27";
+        readonly bgMedium: "#0d1135";
+        readonly bgLight: "#131842";
+        readonly bgCard: "rgba(13, 17, 53, 0.85)";
+        readonly bgCardHover: "rgba(19, 24, 66, 0.9)";
+        readonly border: "rgba(0, 212, 255, 0.3)";
+        readonly borderActive: "rgba(0, 212, 255, 0.7)";
+        readonly textPrimary: "#e8eaf6";
+        readonly textSecondary: "rgba(232, 234, 246, 0.65)";
+        readonly textMuted: "rgba(232, 234, 246, 0.35)";
+        readonly glowPrimary: "rgba(0, 212, 255, 0.15)";
+        readonly glowSecondary: "rgba(10, 255, 176, 0.15)";
+    };
+    readonly fonts: {
+        readonly digital: "\"Orbitron\", \"Rajdhani\", \"Courier New\", monospace";
+        readonly title: "\"Rajdhani\", \"Microsoft YaHei\", sans-serif";
+        readonly body: "\"Microsoft YaHei\", \"PingFang SC\", sans-serif";
+    };
+    readonly animation: {
+        readonly durationFast: "0.2s";
+        readonly durationNormal: "0.3s";
+        readonly durationSlow: "0.6s";
+        readonly durationGlow: "2s";
+        readonly easing: "cubic-bezier(0.4, 0, 0.2, 1)";
+        readonly easingBounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
+    };
+    readonly shadows: {
+        readonly glow: "0 0 20px rgba(0, 212, 255, 0.3)";
+        readonly glowStrong: "0 0 40px rgba(0, 212, 255, 0.5)";
+        readonly glowSecondary: "0 0 20px rgba(10, 255, 176, 0.3)";
+        readonly card: "0 4px 30px rgba(0, 0, 0, 0.4)";
+    };
+};
+export type TechTheme = typeof techTheme;

package/dist/theme/index.js

@@ -0,0 +1,48 @@
+const a = {
+  colors: {
+    primary: "#00d4ff",
+    primaryDark: "#0098d4",
+    primaryLight: "#33ddff",
+    secondary: "#0affb0",
+    secondaryDark: "#08c98a",
+    accent: "#ff6b35",
+    accentLight: "#ff8f66",
+    warning: "#ffd000",
+    danger: "#ff4757",
+    success: "#0affb0",
+    bgDark: "#0a0e27",
+    bgMedium: "#0d1135",
+    bgLight: "#131842",
+    bgCard: "rgba(13, 17, 53, 0.85)",
+    bgCardHover: "rgba(19, 24, 66, 0.9)",
+    border: "rgba(0, 212, 255, 0.3)",
+    borderActive: "rgba(0, 212, 255, 0.7)",
+    textPrimary: "#e8eaf6",
+    textSecondary: "rgba(232, 234, 246, 0.65)",
+    textMuted: "rgba(232, 234, 246, 0.35)",
+    glowPrimary: "rgba(0, 212, 255, 0.15)",
+    glowSecondary: "rgba(10, 255, 176, 0.15)"
+  },
+  fonts: {
+    digital: '"Orbitron", "Rajdhani", "Courier New", monospace',
+    title: '"Rajdhani", "Microsoft YaHei", sans-serif',
+    body: '"Microsoft YaHei", "PingFang SC", sans-serif'
+  },
+  animation: {
+    durationFast: "0.2s",
+    durationNormal: "0.3s",
+    durationSlow: "0.6s",
+    durationGlow: "2s",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    easingBounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
+  },
+  shadows: {
+    glow: "0 0 20px rgba(0, 212, 255, 0.3)",
+    glowStrong: "0 0 40px rgba(0, 212, 255, 0.5)",
+    glowSecondary: "0 0 20px rgba(10, 255, 176, 0.3)",
+    card: "0 4px 30px rgba(0, 0, 0, 0.4)"
+  }
+};
+export {
+  a as techTheme
+};

package/dist/theme.d.ts

@@ -0,0 +1 @@
+export * from './theme/index'

package/dist/utils/index.d.ts

@@ -0,0 +1,8 @@
+export declare function clsx(...args: (string | undefined | null | false)[]): string;
+export declare function formatNumber(num: number, decimals?: number): string;
+export declare function hexToRgba(hex: string, alpha: number): string;
+export declare function getScale(width: number, height: number, designWidth: number, designHeight: number): {
+    scaleX: number;
+    scaleY: number;
+    scale: number;
+};

package/package.json

@@ -0,0 +1,165 @@
+{
+  "name": "react-tech-ui",
+  "version": "1.0.0",
+  "description": "科技风格React UI组件库，支持大屏页面使用",
+  "main": "dist/index/index.cjs",
+  "module": "dist/index/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index/index.js",
+      "require": "./dist/index/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./dist/style.css": "./dist/index/style.css",
+    "./theme": {
+      "import": "./dist/theme/index.js",
+      "require": "./dist/theme/index.cjs",
+      "types": "./dist/theme/index.d.ts"
+    },
+    "./ScreenAdapter": {
+      "import": "./dist/ScreenAdapter/index.js",
+      "require": "./dist/ScreenAdapter/index.cjs",
+      "types": "./dist/components/ScreenAdapter/ScreenAdapter.d.ts"
+    },
+    "./TechBorder": {
+      "import": "./dist/TechBorder/index.js",
+      "require": "./dist/TechBorder/index.cjs",
+      "types": "./dist/components/TechBorder/TechBorder.d.ts"
+    },
+    "./DataCard": {
+      "import": "./dist/DataCard/index.js",
+      "require": "./dist/DataCard/index.cjs",
+      "types": "./dist/components/DataCard/DataCard.d.ts"
+    },
+    "./DigitalNumber": {
+      "import": "./dist/DigitalNumber/index.js",
+      "require": "./dist/DigitalNumber/index.cjs",
+      "types": "./dist/components/DigitalNumber/DigitalNumber.d.ts"
+    },
+    "./TechTitle": {
+      "import": "./dist/TechTitle/index.js",
+      "require": "./dist/TechTitle/index.cjs",
+      "types": "./dist/components/TechTitle/TechTitle.d.ts"
+    },
+    "./ScrollTable": {
+      "import": "./dist/ScrollTable/index.js",
+      "require": "./dist/ScrollTable/index.cjs",
+      "types": "./dist/components/ScrollTable/ScrollTable.d.ts"
+    },
+    "./StatusIndicator": {
+      "import": "./dist/StatusIndicator/index.js",
+      "require": "./dist/StatusIndicator/index.cjs",
+      "types": "./dist/components/StatusIndicator/StatusIndicator.d.ts"
+    },
+    "./DecorationLine": {
+      "import": "./dist/DecorationLine/index.js",
+      "require": "./dist/DecorationLine/index.cjs",
+      "types": "./dist/components/DecorationLine/DecorationLine.d.ts"
+    },
+    "./TechButton": {
+      "import": "./dist/TechButton/index.js",
+      "require": "./dist/TechButton/index.cjs",
+      "types": "./dist/components/TechButton/TechButton.d.ts"
+    },
+    "./Modal": {
+      "import": "./dist/Modal/index.js",
+      "require": "./dist/Modal/index.cjs",
+      "types": "./dist/components/Modal/Modal.d.ts"
+    },
+    "./FlowLight": {
+      "import": "./dist/FlowLight/index.js",
+      "require": "./dist/FlowLight/index.cjs",
+      "types": "./dist/components/FlowLight/FlowLight.d.ts"
+    },
+    "./Toast": {
+      "import": "./dist/Toast/index.js",
+      "require": "./dist/Toast/index.cjs",
+      "types": "./dist/components/Toast/Toast.d.ts"
+    },
+    "./ThemeProvider": {
+      "import": "./dist/ThemeProvider/index.js",
+      "require": "./dist/ThemeProvider/index.cjs",
+      "types": "./dist/components/ThemeProvider/ThemeProvider.d.ts"
+    },
+    "./Popconfirm": {
+      "import": "./dist/Popconfirm/index.js",
+      "require": "./dist/Popconfirm/index.cjs",
+      "types": "./dist/components/Popconfirm/Popconfirm.d.ts"
+    },
+    "./Skeleton": {
+      "import": "./dist/Skeleton/index.js",
+      "require": "./dist/Skeleton/index.cjs",
+      "types": "./dist/components/Skeleton/Skeleton.d.ts"
+    },
+    "./Drawer": {
+      "import": "./dist/Drawer/index.js",
+      "require": "./dist/Drawer/index.cjs",
+      "types": "./dist/components/Drawer/Drawer.d.ts"
+    },
+    "./QRCode": {
+      "import": "./dist/QRCode/index.js",
+      "require": "./dist/QRCode/index.cjs",
+      "types": "./dist/components/QRCode/QRCode.d.ts"
+    },
+    "./Icon": {
+      "import": "./dist/Icon/index.js",
+      "require": "./dist/Icon/index.cjs",
+      "types": "./dist/components/Icon/Icon.d.ts"
+    },
+    "./Masonry": {
+      "import": "./dist/Masonry/index.js",
+      "require": "./dist/Masonry/index.cjs",
+      "types": "./dist/components/Masonry/Masonry.d.ts"
+    },
+    "./FloatingButton": {
+      "import": "./dist/FloatingButton/index.js",
+      "require": "./dist/FloatingButton/index.cjs",
+      "types": "./dist/components/FloatingButton/FloatingButton.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:lib": "vite build --config vite.lib.config.ts",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "qrcode": "^1.5.4"
+  },
+  "devDependencies": {
+    "@types/qrcode": "^1.5.6",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "typescript": "^5.3.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.7.0"
+  },
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "ui",
+    "component-library",
+    "tech",
+    "dashboard",
+    "big-screen",
+    "科技风",
+    "大屏"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}