.article-page{max-width:1400px;margin:0 auto;padding:40px 28px 64px}.article-page-title{font-family:var(--g6-font-display);font-size:1.8rem;font-weight:700;color:var(--g6-text-primary);margin-bottom:8px;background:linear-gradient(135deg,var(--g6-pink),var(--g6-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-page-subtitle{color:var(--g6-text-secondary);font-size:0.95rem;margin-bottom:32px;line-height:1.6}.article-search-bar{display:flex;gap:10px;margin-bottom:24px}.article-search-input{flex:1;max-width:480px;background:var(--g6-bg-elevated);border:1px solid var(--g6-border-subtle);padding:10px 16px;border-radius:var(--g6-radius-sm);color:var(--g6-text-primary);font-size:0.9rem;font-family:inherit;outline:none;transition:border-color 0.2s}.article-search-input:focus{border-color:var(--g6-purple);box-shadow:0 0 0 3px rgba(139,92,246,0.12)}.article-search-input::placeholder{color:var(--g6-text-muted);opacity:0.6}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px}.article-card{background:var(--g6-bg-surface);border:1px solid var(--g6-border-subtle);border-radius:var(--g6-radius-md);padding:24px;transition:all var(--g6-transition);display:flex;flex-direction:column}.article-card:hover{border-color:var(--g6-purple);transform:translateY(-3px);box-shadow:0 8px 30px rgba(139,92,246,0.12)}.article-card-title{font-size:1.15rem;font-weight:600;color:var(--g6-text-primary);margin-bottom:8px;line-height:1.4}.article-card-title a{color:inherit;text-decoration:none;transition:color 0.2s}.article-card-title a:hover{color:var(--g6-pink)}.article-card-text{font-size:0.88rem;color:var(--g6-text-secondary);line-height:1.65;flex:1;margin-bottom:14px;max-width:65ch}.article-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:0.78rem;color:var(--g6-text-muted);padding-top:12px;border-top:1px solid var(--g6-border-subtle)}.article-badge{display:inline-block;padding:2px 10px;border-radius:var(--g6-radius-sm);font-size:0.72rem;font-weight:600;color:var(--g6-purple);background:rgba(139,92,246,0.12);border:1px solid rgba(139,92,246,0.2);text-decoration:none;transition:all 0.2s}.article-badge:hover{background:rgba(139,92,246,0.2);color:var(--g6-text-primary)}.article-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;flex-wrap:wrap}.article-pagination a,.article-pagination span{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--g6-radius-sm);font-size:0.85rem;font-weight:500;text-decoration:none;transition:all 0.2s}.article-pagination a{color:var(--g6-text-secondary);background:var(--g6-bg-elevated);border:1px solid var(--g6-border-subtle)}.article-pagination a:hover{color:var(--g6-text-primary);border-color:var(--g6-purple);background:rgba(139,92,246,0.08)}.article-pagination .active span{color:var(--g6-white);background:linear-gradient(135deg,var(--g6-pink),var(--g6-purple));border-color:transparent}.aw-progress{position:fixed;top:var(--g6-nav-height);left:0;height:3px;width:0;background:linear-gradient(90deg,var(--g6-pink),var(--g6-purple),var(--g6-cyan));z-index:90;transition:width 0.1s linear;box-shadow:0 0 10px rgba(139,92,246,0.5)}.aw-page{max-width:1280px;margin:0 auto;padding:calc(var(--g6-nav-height) + 28px) 28px 80px}.aw-hero{position:relative;overflow:hidden;border:1px solid var(--g6-border-subtle);border-radius:var(--g6-radius-lg);padding:clamp(28px,4vw,52px);margin-bottom:40px;background:radial-gradient(900px 320px at 12% -50%,rgba(139,92,246,0.24),transparent 70%),radial-gradient(720px 280px at 98% -10%,rgba(232,112,154,0.20),transparent 70%),linear-gradient(160deg,rgba(28,28,42,0.94),rgba(14,14,20,0.78));box-shadow:0 22px 56px rgba(0,0,0,0.45)}.aw-hero__glow{position:absolute;inset:0;background:radial-gradient(620px 220px at 82% 130%,rgba(6,182,212,0.12),transparent 70%);pointer-events:none}.aw-eyebrow{position:relative;display:inline-block;font-family:var(--g6-font-display);font-size:0.72rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--g6-cyan);margin-bottom:16px;padding:5px 14px;border-radius:999px;border:1px solid rgba(6,182,212,0.35);background:rgba(6,182,212,0.08)}.aw-cats{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.aw-title{position:relative;font-family:var(--g6-font-display);font-size:clamp(1.9rem,4vw,3rem);font-weight:900;line-height:1.18;margin:0 0 24px;color:var(--g6-text-primary);background:linear-gradient(135deg,#fff 18%,var(--g6-pink) 68%,var(--g6-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 26px rgba(232,112,154,0.3))}.aw-meta{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:0.88rem;color:var(--g6-text-secondary)}.aw-author{display:flex;align-items:center;gap:10px}.aw-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:1rem;color:var(--g6-white);background:linear-gradient(135deg,var(--g6-pink),var(--g6-purple));box-shadow:0 4px 16px rgba(139,92,246,0.4)}.aw-meta strong{color:var(--g6-text-secondary);font-weight:600}.aw-divider{width:1px;height:16px;background:var(--g6-border-subtle)}.aw-body{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:40px;align-items:start}.aw-content{min-width:0}.aw-content__inner{position:relative;background:rgba(18,18,26,0.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--g6-border-subtle);border-radius:var(--g6-radius-lg);padding:clamp(24px,3.5vw,50px);box-shadow:0 20px 52px rgba(0,0,0,0.42);color:var(--g6-text-secondary);font-size:1rem;line-height:1.9;overflow:hidden}.aw-content__inner::before{content:'';position:absolute;inset:0 0 auto 0;height:160px;background:radial-gradient(600px 160px at 50% -50px,rgba(139,92,246,0.14),transparent 70%);pointer-events:none}.aw-actions{margin-top:28px}.aw-toc-wrap{position:sticky;top:calc(var(--g6-nav-height) + 24px)}.aw-toc{background:rgba(18,18,26,0.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--g6-border-subtle);border-radius:var(--g6-radius-md);padding:18px 20px;box-shadow:0 14px 36px rgba(0,0,0,0.35);max-height:calc(100vh - var(--g6-nav-height) - 48px);overflow-y:auto}.aw-toc h4{font-family:var(--g6-font-display);font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--g6-text-primary);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--g6-border-subtle)}.aw-toc ul{list-style:none;padding:0;margin:0}.aw-toc ul ul{padding-left:14px}.aw-toc li{margin:2px 0}.aw-toc a{display:block;padding:6px 12px;font-size:0.85rem;line-height:1.5;color:var(--g6-text-secondary);text-decoration:none;border-radius:var(--g6-radius-sm);border-left:2px solid transparent;transition:all 0.2s}.aw-toc a:hover{color:var(--g6-text-primary);background:rgba(139,92,246,0.08);border-left-color:rgba(139,92,246,0.6)}.aw-toc a.is-active{color:var(--g6-text-primary);background:rgba(139,92,246,0.14);border-left-color:var(--g6-pink);font-weight:600}.aw-toc-empty{font-size:0.82rem;color:var(--g6-text-secondary);margin:0}.aw-content__inner h1,.aw-content__inner h2,.aw-content__inner h3,.aw-content__inner h4{color:var(--g6-text-primary);font-weight:700;scroll-margin-top:calc(var(--g6-nav-height) + 24px)}.aw-content__inner h1{display:none}.aw-content__inner h2{font-family:var(--g6-font-display);font-size:1.5rem;margin:38px 0 14px;padding-left:14px;border-left:4px solid transparent;border-image:linear-gradient(180deg,var(--g6-pink),var(--g6-purple)) 1}.aw-content__inner h3{font-size:1.2rem;margin:28px 0 10px}.aw-content__inner h4{font-size:1.04rem;margin:22px 0 8px}.aw-content__inner p{margin-bottom:15px}.aw-content__inner img{max-width:100%;border-radius:var(--g6-radius-md);margin:14px 0;border:1px solid var(--g6-border-subtle)}.aw-content__inner a{color:var(--g6-pink);text-decoration:none;border-bottom:1px solid rgba(232,112,154,0.4);transition:border-color 0.2s,color 0.2s}.aw-content__inner a:hover{color:var(--g6-purple);border-bottom-color:var(--g6-purple)}.aw-content__inner :not(pre)>code{background:rgba(139,92,246,0.14);color:var(--g6-purple);padding:2px 7px;border-radius:5px;font-size:0.85em;font-family:'JetBrains Mono','Fira Code','Courier New',monospace}.aw-content__inner pre{background:var(--g6-bg-deep);border:1px solid var(--g6-border-subtle);border-radius:var(--g6-radius-md);padding:18px 20px;overflow:auto;margin:18px 0}.aw-content__inner pre code{font-family:'JetBrains Mono','Fira Code','Courier New',monospace;font-size:0.85rem;color:var(--g6-text-primary);line-height:1.6}.aw-content__inner blockquote{margin:18px 0;padding:14px 20px;border-left:3px solid var(--g6-purple);background:rgba(139,92,246,0.07);border-radius:0 var(--g6-radius-sm) var(--g6-radius-sm) 0;color:var(--g6-text-secondary)}.aw-content__inner blockquote p:last-child{margin-bottom:0}.aw-content__inner ul,.aw-content__inner ol{padding-left:1.5em;margin-bottom:15px}.aw-content__inner li{margin:6px 0}.aw-content__inner li::marker{color:var(--g6-purple)}.aw-content__inner table{width:100%;table-layout:fixed;border-collapse:collapse;margin:18px 0;font-size:0.88rem;overflow:hidden;border-radius:var(--g6-radius-sm)}.aw-content__inner th,.aw-content__inner td{border:1px solid var(--g6-border-subtle);padding:10px 14px;text-align:left}.aw-content__inner th{background:var(--g6-bg-elevated);color:var(--g6-text-primary);font-weight:600}.aw-content__inner tr:nth-child(even) td{background:rgba(255,255,255,0.02)}.aw-content__inner hr{border:none;border-top:1px solid var(--g6-border-subtle);margin:30px 0}.aw-reveal{opacity:0;transform:translateY(18px);transition:opacity 0.6s cubic-bezier(0.16,1,0.3,1),transform 0.6s cubic-bezier(0.16,1,0.3,1)}.aw-reveal.in{opacity:1;transform:none}.aw-toc a:focus-visible,.article-btn:focus-visible,.aw-content__inner a:focus-visible{outline:2px solid var(--g6-cyan);outline-offset:2px;border-radius:var(--g6-radius-sm)}.article-form-card{background:var(--g6-bg-surface);border:1px solid var(--g6-border-subtle);border-radius:var(--g6-radius-md);padding:32px;max-width:800px;margin:0 auto}.article-form-group{margin-bottom:20px}.article-form-label{display:block;font-size:0.82rem;font-weight:600;color:var(--g6-text-primary);margin-bottom:6px}.article-form-help{font-size:0.75rem;color:var(--g6-text-muted);margin-bottom:6px}.article-form-input{width:100%;background:var(--g6-bg-deep);border:1px solid var(--g6-border-subtle);padding:10px 14px;border-radius:var(--g6-radius-sm);color:var(--g6-text-primary);font-size:0.9rem;font-family:inherit;outline:none;transition:border-color 0.2s,box-shadow 0.2s}.article-form-input:focus{border-color:var(--g6-purple);box-shadow:0 0 0 3px rgba(139,92,246,0.12)}.article-form-textarea{min-height:300px;resize:vertical}.article-form-check{display:flex;align-items:center;gap:8px;cursor:pointer}.article-form-check input[type="checkbox"]{accent-color:var(--g6-purple);width:16px;height:16px}.article-form-error{color:#f87171;font-size:0.8rem;margin-top:4px}.article-form-global-error{background:rgba(248,113,113,0.1);border:1px solid rgba(248,113,113,0.25);border-radius:var(--g6-radius-sm);padding:12px 16px;color:#fca5a5;font-size:0.85rem;margin-bottom:16px}.article-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.article-empty{text-align:center;padding:60px 20px;color:var(--g6-text-muted)}.article-empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:0.4}.article-empty p{font-size:0.95rem;margin-bottom:16px}.article-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:var(--g6-radius-sm);font-size:0.88rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all 0.2s;border:none;font-family:inherit}.article-btn-primary{background:linear-gradient(135deg,var(--g6-pink),var(--g6-purple));color:var(--g6-white)}.article-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.article-btn-secondary{background:transparent;border:1px solid var(--g6-border-subtle);color:var(--g6-text-secondary)}.article-btn-secondary:hover{border-color:var(--g6-purple);color:var(--g6-text-primary)}.article-btn-danger{background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171}.article-btn-danger:hover{background:rgba(248,113,113,0.2)}.article-alert{padding:14px 18px;border-radius:var(--g6-radius-sm);font-size:0.88rem;margin-bottom:16px;line-height:1.5}.article-alert-info{background:rgba(6,182,212,0.08);border:1px solid rgba(6,182,212,0.2);color:var(--g6-cyan)}.article-alert-warning{background:rgba(251,191,36,0.08);border:1px solid rgba(251,191,36,0.2);color:#fbbf24}.article-alert a{color:inherit;font-weight:600}.article-md-hint{background:var(--g6-bg-elevated);border:1px solid var(--g6-border-subtle);border-radius:var(--g6-radius-sm);padding:16px 20px;margin-top:24px}.article-md-hint h4{font-size:0.85rem;color:var(--g6-text-primary);margin-bottom:10px}.article-md-hint ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px}.article-md-hint li{font-size:0.78rem;color:var(--g6-text-muted);font-family:'Courier New',monospace}@media (max-width:980px){.aw-body{grid-template-columns:1fr;gap:28px}.aw-toc-wrap{position:static}.aw-toc{max-height:none;overflow:visible}}@media (max-width:768px){.aw-page{padding:24px 16px 64px}.aw-back{width:100%;justify-content:center}.aw-hero{padding:24px 18px}.aw-content__inner{padding:20px 16px}}@media (max-width:480px){.aw-page{padding:16px 12px}.aw-meta{gap:10px}}@media (prefers-reduced-motion:reduce){.aw-reveal{opacity:1;transform:none;transition:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}