body{margin:0;padding:0;overflow-x:hidden}.laoquzhang-container{--bg-1:#050b1e;--bg-2:#0f172a;--accent:linear-gradient(90deg,#4fd1c5,#60a5fa,#a78bfa);--text:#e6eef8;--muted:#94a3b8;--accent-solid:#60a5fa;min-height:100vh;width:100%;color:var(--text);background:radial-gradient(circle at 20% 30%,rgba(96,165,250,.15),transparent 60%),radial-gradient(circle at 80% 70%,rgba(167,139,250,.12),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-2));position:relative;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial}.stars{position:fixed;inset:0;z-index:0;pointer-events:none}.stars span{position:absolute;width:2px;height:2px;background:#fff;opacity:.8;border-radius:50%;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}.wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;animation:fadeIn 1.2s ease forwards;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.card{width:100%;max-width:1050px;border-radius:20px;padding:32px;background:rgba(10,15,35,.7);backdrop-filter:blur(12px) saturate(150%);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 0 50px rgba(96,165,250,.4),inset 0 0 30px rgba(167,139,250,.2);position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.main-title{margin:0;font-size:24px;background:var(--accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pulse 2.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.sub{color:var(--muted);font-size:14px;margin-top:2px}.content{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start;margin-top:20px}@media(max-width:860px){.content{grid-template-columns:1fr}}.notice{padding:22px;border-radius:14px;background:linear-gradient(180deg,rgba(96,165,250,.08),rgba(167,139,250,.05));border:1px solid rgba(96,165,250,.2);box-shadow:inset 0 0 15px rgba(96,165,250,.2)}.notice .notice-render{line-height:1.8;font-size:15px}.notice .notice-render a{color:#4fd1c5;font-weight:600;text-decoration:none;transition:.2s}.notice .notice-render a:hover{color:#a78bfa;text-shadow:0 0 6px #60a5fa}.side{padding:20px;border-radius:14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);box-shadow:inset 0 0 10px hsla(0,0%,100%,.05)}.side-actions{display:flex;flex-direction:column;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:12px;border:none;cursor:pointer;font-weight:600;transition:all .25s ease;font-size:15px;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,hsla(0,0%,100%,.4) 0,transparent 60%);opacity:0;transition:opacity .4s}.btn:active:after{opacity:1;transition:0s}.btn-copy{background:var(--accent);color:#041025;box-shadow:0 0 12px rgba(96,165,250,.6)}.btn-copy:hover{transform:translateY(-2px) scale(1.02)}.meta{font-size:13px;color:var(--muted);margin-top:16px}.meta .source{margin-top:6px}.meta .audio-player{margin-top:10px;width:100%;height:32px;filter:invert(100%) hue-rotate(180deg) brightness(1.5)}footer{margin-top:20px;color:var(--muted);font-size:13px;border-top:1px solid hsla(0,0%,100%,.06);padding-top:12px}