@charset "UTF-8";
/* Frontend Design: an iridescent creative workbench, with calm functional controls. */
:root{--ink:#f4f3ff;--muted:#b5b6cf;--primary:#b5a2ff;--primary-hover:#d0c2ff;--bg:#0d1026;--surface:#191c35;--line:#30334f;--focus:#74f3de;--font:"Bahnschrift","Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
body{background:radial-gradient(ellipse at 77% 3%,#60279255 0,transparent 40%),radial-gradient(ellipse at 31% 33%,#19385755 0,transparent 35%),var(--bg);background-attachment:fixed}
.sidebar{width:222px;background:#111329e8;border-color:#393257;padding:32px 20px 21px}.page-shell{margin-left:222px}.brand{font-size:22px;letter-spacing:-.5px;gap:11px;color:#fff;padding-left:0}.brand small{font-size:10px;letter-spacing:.2px;font-weight:400;color:#b2accb;margin-top:7px}.brand-mark{background:linear-gradient(140deg,#be86ff,#6046fa);box-shadow:0 0 28px #7852ff40;border-radius:13px;width:44px;height:44px;padding:10px}.brand-mark i{background:#fff}.brand-mark i:nth-child(2){background:#77f5da}.brand-mark i:nth-child(3){background:#ffb35f}.space-label{color:#bcb7d2;font-size:12px;margin:35px 10px 19px}.nav-item{color:#b7b5cb;min-height:46px;font-size:14px;padding:11px 12px;border-radius:10px;gap:11px}.nav-item:hover{background:#24213e}.nav-item.active{color:#fff;background:linear-gradient(110deg,#7049df,#b242ce);box-shadow:0 5px 20px #6e3bd930}.nav-count{background:#26243e;color:#c5c2db}.nav-item.active .nav-count{background:#ffffff25;color:#fff}.nav-label{color:#9089af;font-size:12px;margin-left:12px;margin-top:29px}.sidebar-bottom{padding-top:34px}.little-note{background:linear-gradient(135deg,#292143,#152b3b);border-color:#4e3a6d;border-radius:14px;padding:17px 14px}.little-note>span{color:#edccff}.little-note strong{color:#ede6fc;font-size:13px}.little-note p{color:#b9aed1;font-size:12px}.workspace{border-color:#393257;gap:9px}.workspace-avatar{background:linear-gradient(130deg,#ffc076,#ff7caf);color:#482840;box-shadow:0 3px 12px #ff868018;border-radius:11px}.workspace strong{color:#e1ddf0}.workspace small{color:#a7a1bc;font-size:9px}.version{color:#b0a9c4}.topbar{height:69px;background:#101329bb;border-color:#34304c;padding:0 38px;backdrop-filter:blur(12px)}.breadcrumb{color:#a29ebf}.breadcrumb strong{color:#ece8fa}.breadcrumb span{color:#766e94}.header-actions{display:flex;align-items:center;gap:10px}.help-btn{display:grid;place-items:center;min-width:42px;min-height:42px;background:#1f203a;border:1px solid #4b4466;border-radius:10px;color:#c5bfdf}.help-btn:hover{background:#343056}.help-btn svg{width:18px;height:18px}.settings-btn{min-height:42px;background:#242139;border-color:#544368;color:#e8ddff;padding:9px 14px;font-size:13px;border-radius:10px}.settings-btn:hover{background:#3a2b54;border-color:#a183e5;color:#fff}main{padding:30px 38px 25px;max-width:1460px}.intro{position:relative;min-height:205px;margin-bottom:24px;overflow:visible;align-items:center}.intro-copy{z-index:1;flex-shrink:0}.intro h1{font-size:40px;letter-spacing:-1.5px;line-height:1.37;font-weight:700;color:#fff;text-shadow:0 4px 25px #932dff24}.intro h1 br{display:none}.intro p{font-size:14px;line-height:1.85;color:#c4c0da;margin-top:17px}.intro p br{display:none}.hero-art{position:absolute;right:-8px;top:-31px;width:390px;height:250px;pointer-events:none}.hero-art::before{content:"";position:absolute;inset:37px 4px 19px;background:radial-gradient(ellipse,#825dff46,transparent 65%);filter:blur(16px)}.hero-art img{position:relative;object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 12px 28px #040416a0)}.art-caption{position:absolute;bottom:3px;right:60px;font-size:10px;letter-spacing:1px;color:#bdb0df}
.quick-start{gap:18px;margin-bottom:31px}.featured{min-height:212px;padding:23px 27px;border:1px solid #a58bff80;border-radius:19px;position:relative;box-shadow:0 15px 45px #07071225}.featured-score{background:linear-gradient(125deg,#7650e5 0%,#a240ce 65%,#d34d95 110%)}.featured-tier{background:linear-gradient(125deg,#146a79 0%,#218a79 60%,#70a862 115%);border-color:#67e6c96b}.featured::after{content:"";position:absolute;right:-20px;bottom:-100px;width:260px;height:220px;background:radial-gradient(ellipse,#ffffff16,transparent 67%);pointer-events:none}.featured-label{background:#160e372b;color:#f4e9ff;font-size:11px;border:1px solid #ffffff24;border-radius:6px;line-height:1.8}.featured-tier .featured-label{background:#00252440;color:#d1fff4;border-color:#acffe329}.featured h2{color:#fff;font-size:24px;margin:11px 0 7px;font-weight:700}.featured p,.featured-tier p{color:#f1e9ff;font-size:13px;line-height:1.8}.featured-tier p{color:#d1f4e9}.primary-link{border:1px solid #ffffff61;background:#fff;color:#563491;font-size:12px;padding:9px 13px;gap:18px;border-radius:8px;min-height:40px;box-shadow:0 4px 18px #30225620}.featured-tier .primary-link{color:#146055;background:#e5fff5;border-color:#b8f3d9}.primary-link:hover{background:#efe5ff;color:#4c2784;border-color:#fff;box-shadow:0 0 25px #ffffff25}.featured-tier .primary-link:hover{background:#fff;color:#105d52}.chart-preview{background:#1c17484d;border:1px solid #ffffff45;border-radius:12px;width:177px;transform:rotate(-6deg);backdrop-filter:blur(10px);color:#fff;padding:16px 13px}.preview-top{font-size:11px}.preview-tag{color:#e5daf8;font-size:8px}.bars{height:89px;border-bottom-color:#ffffff30;background:repeating-linear-gradient(to top,#ffffff1f 0,#ffffff1f 1px,transparent 1px,transparent 27px)}.bars i{background:#cfbbff}.bars i:nth-child(4){background:#fde382}.preview-bottom{color:#e4d3f7;font-size:8px}.tier-preview{background:#082a3555;border-color:#baf8d748;transform:rotate(6deg);border-radius:12px;color:#fff;width:155px}.tier-preview-title{font-size:11px}.tier-preview-title span{color:#d7f0e6;font-size:8px}.tier-preview>div:not(:first-child){background:#e0ffed13;border-radius:5px}.tier-preview b{color:#e8fff1}.tier-preview i{background:#bded86}.tier-preview>div:nth-child(3) i{background:#63e8cf}.tier-file{background:#f4cc6f;border-color:#ffdea0;color:#49360d;border-radius:7px;box-shadow:0 5px 18px #06232e45}.section-head h2{font-size:23px;color:#f0edff;font-weight:600}.section-head h2 span{background:#382d55;color:#d5bcff;font-size:12px;border:1px solid #665081;padding:2px 8px}.section-head p{color:#b1aaca;font-size:12px}.search-box{width:340px;background:#181a32d9;border:1px solid #555074;border-radius:11px;min-height:46px;padding:0 13px}.search-box>span{color:#b5a8d6}.search-box input{color:#f6f1ff;font-size:13px;padding:13px 0}.search-box input::placeholder{color:#a6a0be}.search-box kbd{border-color:#514562;background:#2a253e;color:#bfb0dc;font-size:10px}.search-box:focus-within{outline-color:#8564c280;border-color:#ac85f7}.filter-row{margin-bottom:21px;gap:9px}.filter{color:#b3aacb;border-radius:7px;font-size:12px;min-height:36px}.filter.active{background:#b79af8;color:#211236;font-weight:650}.filter:hover:not(.active){background:#352843;color:#e9defa}.filter span{background:#ffffff16}.filter.active span{background:#34204f18}.filter-note{color:#b3a8c8;font-size:11px}.tool-grid{gap:18px}.tool-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,#1c1e38),#161a31 100%);border:1px solid color-mix(in srgb,var(--accent) 24%,#353551);border-radius:16px;min-height:236px;padding:24px 23px 16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #05081718}.tool-card::before{content:"";position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.72}.tool-card:hover{border-color:var(--accent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 17%,transparent);transform:translateY(-3px);transition:transform .2s,border-color .2s,box-shadow .2s}.card-top{margin-bottom:16px}.tool-icon{background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 68%,#23123f));color:#fff;border:1px solid color-mix(in srgb,var(--accent) 65%,#fff);box-shadow:0 5px 19px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px 0 #ffffff36;width:48px;height:48px;border-radius:13px}.tool-icon svg{width:24px;height:24px;stroke-width:1.65}.card-category{color:#cec4df;background:#ffffff09;border:1px solid #ffffff18;font-size:10px;padding:3px 8px;border-radius:5px}.tool-card h3{font-size:17px;font-weight:600;letter-spacing:0;color:#f6f0ff;margin-bottom:8px}.tool-card .card-description{font-size:13px;color:#bfc0d3;line-height:1.85;margin-bottom:13px;min-height:48px}.tool-tags{gap:6px;margin-bottom:14px}.tool-tags span{color:#b9b0cc;border-color:#51455966;background:#29213633;font-size:10px;padding:1px 6px;border-radius:4px}.card-bottom{border-top-color:#ffffff11;padding-top:10px}.run-mode{color:#aaa9c2;font-size:10px}.card-action{color:color-mix(in srgb,var(--accent) 45%,white);font-size:12px;min-height:34px;border-radius:6px;white-space:nowrap}.card-action:hover{background:#ffffff0d;color:#fff}.empty-state{background:#1c1932;border-color:#67517f}.empty-state p{color:var(--muted)}.empty-state h3{color:#f4eeff}.page-footer{border-color:#45334f66;color:#aaa2c0;font-size:11px;margin-top:31px}.mini-brand{color:#be9cfa}.footer-divider{color:#736481}dialog{background:#1d1b35;color:#f5efff;border-color:#6e5489;box-shadow:0 24px 90px #05031290;border-radius:22px}dialog::backdrop{background:#070816b0;backdrop-filter:blur(8px)}.dialog-icon{background:linear-gradient(135deg,#7850d6,#b345b8);color:#fff;border:1px solid #b695ed66;box-shadow:0 0 18px #7c49dd20}.icon-button{background:#302741;color:#d8caed;border:1px solid #4c3f63}.icon-button:hover{background:#42315e}.dialog-description{color:#c1b6d4}.field-label{color:#eee5f8}.field-input{background:#13142a;color:#ece4fa;border-color:#5c4c72;border-radius:9px;color-scheme:dark}.field-input::placeholder{color:#a69bb8}.field-help{color:#b5a8c7}.field-error{color:#ffd1df;background:#5c243f}.primary-button{background:linear-gradient(100deg,#9264ea,#b74ebc);color:#fff;border:1px solid #bd89f377}.primary-button:hover{background:linear-gradient(100deg,#a276f0,#c865cd);color:#fff}.secondary-button{background:#252139;border-color:#69527d;color:#dfd3eb}.secondary-button:hover{background:#362846}.detail-category{color:#c4a4ff}.launch-info{background:#15152b;border-color:#493451}.launch-info strong{color:#e7d9f7}.launch-info p{color:#bbb0ce}.guide-step>span{color:#c39dff}.guide-step p{color:#baafca}.guide-step h3{color:#e7def2}.guide-note{background:#332544;color:#d4bbf0}.toast{background:linear-gradient(120deg,#533784,#633878);color:#fff;border:1px solid #b384d888;box-shadow:0 10px 34px #05031260;left:calc(50% + 111px)}
@media(min-width:1550px){.hero-art{right:5px;width:460px}.intro h1{font-size:45px}.intro p{font-size:15px}.chart-preview{width:216px}.tier-preview{width:175px}.tool-card{min-height:249px}.tool-card .card-description{font-size:14px!important}.tool-card h3{font-size:18px}}
@media(max-width:1240px){.sidebar{width:205px;padding-left:17px;padding-right:17px}.page-shell{margin-left:205px}main{padding-left:27px;padding-right:27px}.topbar{padding-left:27px;padding-right:27px}.intro h1{font-size:34px}.hero-art{width:310px;right:-8px;top:-12px;height:210px}.intro p br{display:block}.featured{padding:23px 21px}.featured h2{font-size:21px}.chart-preview{width:144px}.tier-preview{width:126px}.tool-card{padding:21px 19px 14px}.toast{left:calc(50% + 102px)}}
@media(max-width:1020px){.sidebar{width:185px;padding-left:12px;padding-right:12px}.page-shell{margin-left:185px}.brand{font-size:20px;gap:9px}.brand small{font-size:9px}.brand-mark{width:38px;height:38px;padding:8px}.nav-item{font-size:13px;padding:11px 12px;gap:8px}.intro{min-height:177px}.intro h1{font-size:31px}.intro h1 br{display:block}.intro p{font-size:13px}.hero-art{width:245px;height:193px;right:-15px;top:-14px}.art-caption{right:20px;font-size:9px}.featured{min-height:211px;padding:23px 21px}.chart-preview,.tier-preview{display:none}.search-box{width:260px}.featured p{font-size:13px}.toast{left:calc(50% + 92px)}}
@media(max-width:740px){.sidebar{position:static;width:auto;padding:19px 20px 0;background:#111329dd;border-bottom:1px solid #433351}.page-shell{margin-left:0}.brand{font-size:22px;gap:11px}.brand small{font-size:10px}.brand-mark{width:42px;height:42px;padding:10px}.nav-item{font-size:13px;min-height:43px;padding:9px 11px;gap:8px}.sidebar nav{padding-top:17px;padding-bottom:13px;gap:8px}.space-label{display:none}.topbar{height:60px;padding:0 20px}.breadcrumb{font-size:11px}.breadcrumb span{margin:0 7px}.header-actions{gap:8px}.help-btn{min-width:36px;min-height:36px;border-radius:9px}.settings-btn{font-size:11px;min-height:36px;padding:8px 10px;gap:5px}.settings-btn svg{width:14px;height:14px}main{padding:21px 20px 24px}.intro{min-height:192px;margin-bottom:20px;align-items:flex-start;padding-top:7px}.intro h1{font-size:30px;line-height:1.45;letter-spacing:-.7px}.intro h1 br{display:block}.intro p{font-size:12px;line-height:1.9;max-width:225px;margin-top:12px}.intro p br{display:block}.hero-art{top:-5px;right:-26px;width:210px;height:197px;opacity:.9}.hero-art::before{inset:25px 0 25px}.art-caption{display:none}.intro-copy{max-width:62%;pointer-events:none}.quick-start{gap:13px;margin-bottom:29px}.featured{padding:19px 15px;min-height:206px;border-radius:16px}.featured h2{font-size:18px}.featured-label{font-size:9px;padding:3px 5px}.featured p{font-size:12px;margin-bottom:15px}.primary-link{min-height:42px;padding:9px 11px;font-size:11px;gap:9px}.section-head h2{font-size:22px}.section-head p{font-size:12px}.search-box{width:100%;min-height:46px}.search-box input{font-size:14px}.filter-row{gap:5px}.filter{min-height:42px;font-size:11px;padding:7px 9px}.tool-grid{gap:13px}.tool-card{border-radius:14px;min-height:247px;padding:19px 16px 13px}.tool-card h3{font-size:15px}.tool-card .card-description{font-size:12px;min-height:64px;line-height:1.85}.tool-icon{width:42px;height:42px;border-radius:12px}.card-top{gap:5px}.card-category{font-size:9px;padding:3px 5px}.tool-tags span{font-size:9px}.run-mode{font-size:9px;gap:3px}.card-action{font-size:11px;min-height:42px}.page-footer{font-size:10px;margin-top:28px}.toast{left:50%}}
@media(max-width:390px){main{padding-left:16px;padding-right:16px}.topbar{padding-left:16px;padding-right:16px}.intro h1{font-size:28px}.hero-art{width:183px;right:-14px;top:4px}.intro p{font-size:11px;max-width:197px}.quick-start{gap:10px}.featured{padding:18px 12px}.featured h2{font-size:17px}.featured-label{font-size:8px}.featured p{font-size:11px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:228px;padding:23px}.tool-card h3{font-size:18px}.tool-card .card-description{font-size:14px;min-height:0}.tool-icon{width:49px;height:49px}.card-category{font-size:11px}.tool-tags span,.run-mode,.card-action{font-size:12px}.tool-tags{margin-bottom:13px}.card-action{min-height:44px}}
@media(prefers-reduced-motion:reduce){.tool-card:hover{transform:none}.hero-art img{animation:none}}

.page-footer{flex-wrap:wrap}.footer-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 18px}.icp-link{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;color:inherit;text-underline-offset:4px}.icp-link:hover,.icp-link:focus-visible{color:#f4f3ff;text-decoration:underline}@media(max-width:740px){.footer-meta{justify-content:flex-start;gap:2px 14px}}