.content-page{padding-bottom:70px}.page-hero{padding-top:100px;padding-bottom:58px}.page-hero h1{margin:23px 0 17px;font:700 clamp(48px,7vw,78px)/1.03 var(--font-display);letter-spacing:-.07em}.page-hero h1 span{color:#aaa1ff}.page-hero>p{max-width:650px;color:#a2a9ba;font-size:16px;line-height:1.8}.page-hero>.button{margin-top:14px}.feature-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:54px}.detail-card{position:relative;min-height:300px;padding:28px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));overflow:hidden}.detail-index{position:absolute;right:23px;top:19px;color:rgba(255,255,255,.16);font:700 22px var(--font-display)}.detail-symbol{width:42px;height:42px;display:grid;place-items:center;margin-bottom:25px;border:1px solid rgba(167,159,255,.23);border-radius:12px;background:rgba(150,139,255,.08);color:#b5afff;font-size:22px}.symbol-start{color:#91eae8}.symbol-taskbar{font-size:20px}.symbol-file{font-size:14px;font-weight:700}.detail-card h2,.import-guide h2{margin:10px 0 9px;font:650 21px var(--font-display);letter-spacing:-.04em}.detail-card p,.import-guide p{max-width:470px;margin:0;color:#979eb0;font-size:13px;line-height:1.8}.feature-number{font-size:9px;letter-spacing:.13em;color:#898fa3}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.detail-tags span{padding:5px 9px;border:1px solid rgba(255,255,255,.09);border-radius:20px;color:#b1b8c8;font-size:9px}.theme-mini-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.theme-mini-list span{display:flex;align-items:center;gap:6px;color:#b1b8c8;font-size:10px}.theme-mini-list i,.style-swatches i{width:15px;height:15px;border-radius:5px;background:#252936}.mini-glass{background:linear-gradient(135deg,#8bcfd7,#465680)!important}.mini-liquid{background:linear-gradient(135deg,#74e6e1,#ad8ef0)!important}.detail-card-wide{grid-column:1/-1;min-height:250px;background:radial-gradient(ellipse at 90% 20%,rgba(120,109,224,.12),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012))}.detail-card-wide code,.import-guide code{padding:2px 6px;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:rgba(255,255,255,.05);color:#c7c0ff;font:500 .9em ui-monospace,monospace}.detail-card-wide .underlined-link{display:inline-block;margin-top:20px}.page-notice{display:flex;align-items:center;gap:14px;margin-top:34px;padding:17px 19px;border:1px solid rgba(157,148,255,.14);border-radius:11px;background:rgba(130,119,225,.045)}.notice-mark{color:#b6abff;font-size:17px}.page-notice p{margin:0;color:#969daf;font-size:11px;line-height:1.7}.library-hero{padding-bottom:42px}.library-count{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#aab1c2;font-size:11px}.count-dot{width:7px;height:7px;border-radius:50%;background:#9cece7;box-shadow:0 0 12px rgba(156,236,231,.6)}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:32px}.style-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));transition:transform .2s,border-color .2s}.style-card:hover{transform:translateY(-3px);border-color:rgba(174,164,255,.3)}.style-preview{height:172px;position:relative;overflow:hidden;background:linear-gradient(135deg,#18253b,#344866 55%,#151a30)}.style-preview:before,.style-preview:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.style-preview:before{width:190px;height:160px;right:7%;top:-26px;background:radial-gradient(circle at 34% 30%,rgba(210,250,255,.85),rgba(107,187,227,.42) 34%,rgba(129,115,225,.04) 72%)}.style-preview:after{width:230px;height:110px;left:18%;bottom:0;background:radial-gradient(ellipse,rgba(111,102,212,.45),transparent 70%)}.style-preview-default{background:linear-gradient(135deg,#111722,#263957 57%,#151b2c)}.style-preview-default:before{opacity:.42}.style-preview-glass{background:linear-gradient(135deg,#1b3447,#536680 57%,#28304c)}.style-preview-glass:before{background:radial-gradient(circle at 34% 30%,rgba(205,255,255,.9),rgba(119,215,224,.48) 34%,rgba(151,139,247,.14) 72%)}.style-preview-liquid{background:linear-gradient(135deg,#162849,#4a4e87 57%,#211a42)}.style-preview-liquid:before{background:radial-gradient(circle at 34% 30%,rgba(230,255,255,.95),rgba(97,228,224,.58) 29%,rgba(169,136,249,.18) 72%)}.style-preview-start{position:absolute;z-index:1;width:168px;height:120px;left:50%;bottom:18px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:8px;padding:15px;border:1px solid rgba(255,255,255,.25);border-radius:11px;background:rgba(34,39,55,.76);box-shadow:0 12px 25px rgba(0,0,0,.27);backdrop-filter:blur(20px)}.style-preview-start i{height:22px;border-radius:5px;background:linear-gradient(140deg,#79dfe1,#8e80e7);opacity:.85}.style-preview-start i:nth-child(2n){background:linear-gradient(140deg,#62a7e9,#5373c5)}.style-preview-start i:nth-child(3n){background:linear-gradient(140deg,#f5cd69,#df8b66)}.style-preview-taskbar{position:absolute;z-index:2;left:0;right:0;bottom:0;height:24px;border-top:1px solid rgba(255,255,255,.23);background:rgba(25,29,41,.68);backdrop-filter:blur(16px)}.style-preview-label{position:absolute;z-index:3;left:13px;top:12px;color:rgba(255,255,255,.6);font-size:9px;letter-spacing:.12em}.style-card-body{padding:20px}.style-card-meta{display:flex;justify-content:space-between;align-items:center}.style-category{color:#a69eff;font-size:8px;font-weight:700;letter-spacing:.11em}.style-version{color:#82899d;font-size:9px}.style-card h2{margin:11px 0 7px;font:650 20px var(--font-display);letter-spacing:-.04em}.style-card p{min-height:63px;margin:0;color:#979eb0;font-size:12px;line-height:1.7}.style-swatches{display:flex;align-items:center;gap:7px;margin-top:16px}.style-swatches i{width:18px;height:18px;overflow:hidden;border:1px solid rgba(255,255,255,.2);color:transparent;font-size:0}.style-swatches i:nth-child(1){background:#171923}.style-card:nth-child(2) .style-swatches i:nth-child(1){background:#243241}.style-card:nth-child(3) .style-swatches i:nth-child(1){background:#283d5c}.style-swatches i:nth-child(2){background:#78b7f2}.style-card:nth-child(2) .style-swatches i:nth-child(2){background:#8bcfd7}.style-card:nth-child(3) .style-swatches i:nth-child(2){background:#74e6e1}.style-swatches i:nth-child(3){background:#a69aef}.download-button{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:11px 13px;border:1px solid rgba(164,153,255,.28);border-radius:8px;background:rgba(144,132,240,.09);color:#e2e2f1;font-size:11px;font-weight:650;transition:background .2s,border-color .2s}.download-button:hover{background:rgba(144,132,240,.18);border-color:rgba(164,153,255,.55)}.download-button span+span{color:#a9a0ff;font-size:17px}.import-guide{display:flex;align-items:flex-start;gap:19px;margin-top:28px;padding:24px;border:1px solid rgba(125,224,220,.14);border-radius:13px;background:linear-gradient(110deg,rgba(117,219,217,.045),rgba(152,135,242,.045))}.guide-icon{flex:none;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(158,233,232,.25);border-radius:12px;background:rgba(119,220,220,.08);color:#9cece7;font-size:12px;font-weight:800}.import-guide h2{margin:7px 0}.import-guide p{max-width:790px}.library-page .page-notice{margin-top:15px}
@media(max-width:900px){.page-hero{padding-top:72px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr}.style-card:last-child .style-preview{height:100%;min-height:270px}.style-card:last-child .style-card-body{align-self:center}}
@media(max-width:600px){.content-page{padding-bottom:45px}.page-hero{padding-top:55px;padding-bottom:38px}.page-hero h1{font-size:clamp(43px,12vw,62px)}.page-hero>p{font-size:14px}.feature-detail-grid,.style-grid{grid-template-columns:1fr}.detail-card{min-height:265px;padding:23px}.detail-card-wide{grid-column:auto}.style-card:last-child{display:block}.style-card:last-child .style-preview{height:172px;min-height:0}.style-card:last-child .style-card-body{align-self:auto}.style-card p{min-height:0}.import-guide{padding:18px;gap:12px}.import-guide h2{font-size:18px}.page-notice{align-items:flex-start}.theme-mini-list{gap:9px}}