/* ========================================================== 论文侠 · 设计体系 v2「墨与印」 宣纸底 · 墨色字 · 靛蓝交互 · 朱砂点睛；动效 = 落印 / 行笔 / 晕染 ========================================================== */ :root{ /* 色彩 */ --paper:#f6f4ee; --paper-2:#efece3; --card:#fffefb; --surface:#ffffff; --solid:#161b2c; --solid-hover:#252c45; --on-solid:#ffffff; --ink:#161b2c; --text:#2b3040; --muted:#6c6f7c; --sub:#9c9ea8; --line:#e7e3d8; --line2:#d8d3c5; --line3:#c9c3b3; --brand:#2e4e7e; --brand-600:#243f68; --brand-700:#1b3152; --brand-50:#eef2f8; --brand-100:#dde5f0; --brand-200:#bfcde2; --brand-rgb:46,78,126; --brand-hi:#3a5c8e; --cta:var(--brand); --cta-600:var(--brand-600); --cta-hi:var(--brand-hi); --cta-rgb:var(--brand-rgb); --seal:#be3420; --seal-600:#a22a18; --seal-50:#fcf0ec; --ok:#1f7a45; --ok-50:#ebf6ef; --warn:#a85d08; --warn-50:#fdf3e4; --danger:#b42318; --danger-50:#fdeceb; /* 兼容旧变量名 */ --bg:var(--paper); --brand-dark:var(--brand-600); --brand-soft:var(--brand-50); --brand-soft2:var(--brand-200); --accent:var(--seal); --hero:var(--ink); --ok-soft:var(--ok-50); --warn-soft:var(--warn-50); --danger-soft:var(--danger-50); --seal-soft:var(--seal-50); --accR:46; --accG:78; --accB:126; /* 当前论文类型主题色分量（毕业论文/毕设/期刊…），由 applyAccent 切换 */ /* 字体 */ --serif:"LX Serif","Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif; --sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Noto Sans CJK SC",system-ui,sans-serif; /* 形状与层次 */ --r-xs:6px; --r-sm:9px; --r:12px; --r-lg:16px; --r-xl:22px; --e1:0 1px 0 rgba(22,27,44,.03),0 1px 3px rgba(22,27,44,.05); --e2:0 2px 4px rgba(22,27,44,.04),0 8px 22px rgba(22,27,44,.08); --e3:0 20px 60px rgba(22,27,44,.22),0 4px 14px rgba(22,27,44,.08); --ring:0 0 0 3px rgba(var(--brand-rgb),.18); /* 动效 */ --ease:cubic-bezier(.22,1,.36,1); --spring:cubic-bezier(.3,1.18,.5,1); --ease-in:cubic-bezier(.4,0,1,1); --ink-ease:cubic-bezier(.65,0,.35,1); --t1:.16s; --t2:.26s; --t3:.42s; --t4:.7s; --shadow:var(--e1); --shadow-lg:var(--e2); } /* 夜墨：跟随系统；或手动切换（html[data-theme]） */ :root[data-theme="dark"]{ --paper:#13151b; --paper-2:#1b1e26; --card:#181b22; --surface:#1f222b; --solid:#e9e3d4; --solid-hover:#f6f1e4; --on-solid:#14161d; --ink:#efe9dc; --text:#d2cdc0; --muted:#9b978d; --sub:#77746d; --line:#2a2e38; --line2:#363b47; --line3:#474c59; --brand:#8fb0e0; --brand-600:#a6c0e8; --brand-700:#c2d4f0; --brand-50:rgba(143,176,224,.10); --brand-100:rgba(143,176,224,.18); --brand-200:rgba(143,176,224,.34); --brand-rgb:143,176,224; --brand-hi:#9fbbe6; --accR:143; --accG:176; --accB:224; --cta:#3d6299; --cta-600:#335485; --cta-hi:#4a70a8; --cta-rgb:61,98,153; --seal:#d9553c; --seal-50:rgba(217,85,60,.14); --ok:#5fc48a; --ok-50:rgba(95,196,138,.12); --warn:#e0a24f; --warn-50:rgba(224,162,79,.13); --danger:#f07a6a; --danger-50:rgba(240,122,106,.13); --e1:0 1px 0 rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.3); --e2:0 2px 4px rgba(0,0,0,.25),0 10px 26px rgba(0,0,0,.35); --e3:0 24px 60px rgba(0,0,0,.55),0 4px 14px rgba(0,0,0,.35); --ring:0 0 0 3px rgba(143,176,224,.25); --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E"); color-scheme:dark;} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]){ --paper:#13151b; --paper-2:#1b1e26; --card:#181b22; --surface:#1f222b; --solid:#e9e3d4; --solid-hover:#f6f1e4; --on-solid:#14161d; --ink:#efe9dc; --text:#d2cdc0; --muted:#9b978d; --sub:#77746d; --line:#2a2e38; --line2:#363b47; --line3:#474c59; --brand:#8fb0e0; --brand-600:#a6c0e8; --brand-700:#c2d4f0; --brand-50:rgba(143,176,224,.10); --brand-100:rgba(143,176,224,.18); --brand-200:rgba(143,176,224,.34); --brand-rgb:143,176,224; --brand-hi:#9fbbe6; --accR:143; --accG:176; --accB:224; --cta:#3d6299; --cta-600:#335485; --cta-hi:#4a70a8; --cta-rgb:61,98,153; --seal:#d9553c; --seal-50:rgba(217,85,60,.14); --ok:#5fc48a; --ok-50:rgba(95,196,138,.12); --warn:#e0a24f; --warn-50:rgba(224,162,79,.13); --danger:#f07a6a; --danger-50:rgba(240,122,106,.13); --e1:0 1px 0 rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.3); --e2:0 2px 4px rgba(0,0,0,.25),0 10px 26px rgba(0,0,0,.35); --e3:0 24px 60px rgba(0,0,0,.55),0 4px 14px rgba(0,0,0,.35); --ring:0 0 0 3px rgba(143,176,224,.25); --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E"); color-scheme:dark;}} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .hero .wash i{opacity:.35}} :root[data-theme="dark"] .hero .wash i{opacity:.35} *{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} /* 把主题色分量登记为可动画的数值 → 切换论文类型时整页颜色（含背景光晕）平滑过渡 */ @property --accR{syntax:"";inherits:true;initial-value:46} @property --accG{syntax:"";inherits:true;initial-value:78} @property --accB{syntax:"";inherits:true;initial-value:126} html{transition:--accR .5s var(--ease,ease),--accG .5s var(--ease,ease),--accB .5s var(--ease,ease)} body{margin:0;font-family:var(--sans);color:var(--text);background:var(--paper);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased; background-image:var(--grain);background-size:240px 240px} /* 按论文类型变化的背景光晕（自绘，随 --accent-rgb 切换，明显但克制；叠在纸纹之上、内容之下） */ body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;transition:opacity .5s var(--ease,ease); background: radial-gradient(1000px 520px at 50% -60px, rgb(var(--accR) var(--accG) var(--accB)/.20), transparent 66%), radial-gradient(640px 440px at 90% 40px, rgb(var(--accR) var(--accG) var(--accB)/.11), transparent 70%), radial-gradient(560px 420px at 6% 200px, rgb(var(--accR) var(--accG) var(--accB)/.08), transparent 72%)} :root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3Cpath d='M0 60 Q60 40 120 70 T240 50' stroke='%238a7b5c' stroke-opacity='.05' fill='none'/%3E%3Cpath d='M0 170 Q80 150 150 180 T240 160' stroke='%238a7b5c' stroke-opacity='.04' fill='none'/%3E%3C/svg%3E")} a{color:inherit;text-decoration:none} button,input,select,textarea{font-family:inherit} ::selection{background:var(--brand-100);color:var(--ink)} :focus{outline:none} :focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px} ::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:9px;border:2px solid var(--paper)} .tnum{font-variant-numeric:tabular-nums} /* ---------- 关键帧 ---------- */ @keyframes spin{to{transform:rotate(360deg)}} @keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}} @keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} @keyframes fadeIn{from{opacity:0}to{opacity:1}} @keyframes popIn{0%{opacity:0;transform:scale(.6)}100%{opacity:1;transform:scale(1)}} @keyframes stamp{0%{opacity:0;transform:scale(1.9) rotate(-14deg)}55%{opacity:1;transform:scale(.92) rotate(2deg)}75%{transform:scale(1.04) rotate(-1deg)}100%{transform:scale(1) rotate(0)}} @keyframes inkRing{0%{opacity:.55;transform:scale(.6)}100%{opacity:0;transform:scale(2.2)}} @keyframes draw{to{stroke-dashoffset:0}} @keyframes drift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-18px) scale(1.08)}} @keyframes drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-36px,14px) scale(1.1)}} @keyframes sheen{0%{transform:translateX(-120%) skewX(-20deg)}100%{transform:translateX(260%) skewX(-20deg)}} @keyframes dots{0%,80%,100%{transform:scale(.4);opacity:.4}40%{transform:scale(1);opacity:1}} @keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}} @keyframes ripple{0%{box-shadow:0 0 0 0 rgba(var(--brand-rgb),.35)}100%{box-shadow:0 0 0 12px rgba(var(--brand-rgb),0)}} @keyframes livedot{0%,100%{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 4px transparent}} @keyframes flash{0%{background:var(--seal-50)}100%{background:transparent}} @keyframes slideInR{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}} .anim-in{animation:fadeUp var(--t3) var(--ease) both} .stagger>*{animation:fadeUp var(--t3) var(--ease) both;animation-delay:calc(var(--i,0) * 45ms)} /* ---------- 图标 ---------- */ svg.i{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle} svg.i.sm{width:16px;height:16px}svg.i.lg{width:24px;height:24px}svg.i.xl{width:32px;height:32px;stroke-width:1.5} /* ---------- 顶栏 ---------- */ /* 页面顶部：顶栏完全透明，背景光晕原样穿过去，和下方内容连成一片、零边界； 向下滚动、内容垫到顶栏下方时才淡入磨砂底+分隔线+顶条，保证文字可读 */ header{position:sticky;top:0;z-index:30;height:60px;display:flex;align-items:center;padding:0 24px;gap:6px; background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none; border-bottom:1px solid transparent;transition:border-color var(--t2),box-shadow var(--t2),height var(--t2),background var(--t2),-webkit-backdrop-filter var(--t2),backdrop-filter var(--t2)} header::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,rgb(var(--accR) var(--accG) var(--accB)/.85),rgb(var(--accR) var(--accG) var(--accB)/.30));opacity:0;transition:background var(--t2),opacity var(--t2)} header.scrolled{background:color-mix(in srgb,var(--paper) 72%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);border-bottom-color:rgb(var(--accR) var(--accG) var(--accB)/.45);box-shadow:0 6px 20px rgb(var(--accR) var(--accG) var(--accB)/.07);height:54px} header.scrolled::before{opacity:1} .logo{display:flex;align-items:center;gap:10px;cursor:pointer;margin-right:20px;user-select:none} .logo .seal{position:relative;width:32px;height:32px;border-radius:7px;background:var(--seal);color:#fff8f2;font-family:var(--serif);font-weight:900;font-size:20px; display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px rgba(255,248,242,.38),inset 0 -6px 10px rgba(0,0,0,.12); transition:transform var(--t2) var(--spring)} .logo .seal::after{content:"";position:absolute;inset:0;border-radius:9px;border:2px solid var(--seal);opacity:0;pointer-events:none} .logo.stamp .seal{animation:stamp .7s var(--ease) both} .logo.stamp .seal::after{animation:inkRing .9s .32s var(--ease) both} .logo:hover .seal{transform:rotate(-6deg) scale(1.06)} .logo:active .seal{transform:scale(.92)} .logo .name{font-family:var(--serif);font-weight:800;font-size:20px;color:var(--ink);letter-spacing:3px} .lx-tm{font-family:var(--sans,system-ui);font-size:9px;font-weight:600;color:var(--muted,#8a8178);line-height:1;align-self:flex-start;margin:2px 0 0 -8px;letter-spacing:0} .site-foot .fl .lx-tm{font-size:8px;margin-left:1px;vertical-align:super;align-self:auto} .nav{display:flex;gap:2px;position:relative} .nav a,.top-link{position:relative;font-size:14px;color:var(--muted);cursor:pointer;padding:7px 12px;border-radius:8px;white-space:nowrap;transition:color var(--t1),background var(--t1)} .nav a:hover,.top-link:hover{color:rgb(var(--accR) var(--accG) var(--accB));background:rgb(var(--accR) var(--accG) var(--accB)/.07)} /* 活动中心：常驻的彩色促销入口（其他菜单保持素雅，选中只加下划线标记） */ header a.top-link[data-v="activity"]{display:inline-flex;align-items:center;gap:5px;color:#fff;font-weight:700;padding:6px 14px 6px 11px;border-radius:999px; background:linear-gradient(120deg,#ff7a2f,#ff3d6e 55%,#c53cff);background-size:180% 100%;box-shadow:0 6px 16px -7px rgba(255,61,110,.75);animation:actShine 4s ease-in-out infinite} header a.top-link[data-v="activity"] .i{width:15px;height:15px;color:#fff;animation:actTw 1.6s ease-in-out infinite} header a.top-link[data-v="activity"]:hover{color:#fff;filter:brightness(1.08) saturate(1.1);transform:translateY(-1px);background:linear-gradient(120deg,#ff7a2f,#ff3d6e 55%,#c53cff);background-size:180% 100%} header a.top-link[data-v="activity"].on{box-shadow:0 0 0 3px rgba(255,61,110,.22),0 6px 16px -7px rgba(255,61,110,.75)} header a.top-link[data-v="activity"].on::after{display:none} header a.top-link[data-v="activity"] .hotd{position:absolute;top:-3px;right:-2px;width:8px;height:8px;border-radius:50%;background:#ffd23f;box-shadow:0 0 0 2px var(--bg,#fff)} @keyframes actShine{0%,100%{background-position:0 0}50%{background-position:100% 0}} @keyframes actTw{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.18) rotate(12deg)}} @media (prefers-reduced-motion: reduce){header a.top-link[data-v="activity"],header a.top-link[data-v="activity"] .i{animation:none}} .nav a.on,.top-link.on{color:var(--ink);font-weight:700} .nav a.on::after,.top-link.on::after{content:"";position:absolute;left:12px;right:12px;bottom:1px;height:2px;border-radius:2px;background:rgb(var(--accR) var(--accG) var(--accB));transition:background var(--t2);transform-origin:left;animation:sweep var(--t3) var(--ease) both} @keyframes sweep{from{transform:scaleX(0)}to{transform:scaleX(1)}} .spacer{flex:1} .theme-btn{border:none;background:none;display:inline-flex;align-items:center;padding:7px 9px} .theme-btn .i{transition:transform .5s var(--ease)}.theme-btn:hover .i{transform:rotate(-30deg)} .ann-btn{position:relative;border:none;background:none} .ann-btn .i{transition:transform .3s var(--ease)} .ann-btn:hover .i{transform:rotate(-12deg) scale(1.05)} .ann-dot{position:absolute;top:4px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--seal);box-shadow:0 0 0 2px var(--paper);display:none} .ann-dot.on{display:block;animation:annDotPulse 1.9s ease-out infinite} @keyframes annDotPulse{0%{box-shadow:0 0 0 2px var(--paper),0 0 0 0 rgba(190,52,32,.5)}100%{box-shadow:0 0 0 2px var(--paper),0 0 0 7px rgba(190,52,32,0)}} html.theme-anim,html.theme-anim *{transition:background-color .45s ease,border-color .45s ease,color .3s ease !important} .login{position:relative;overflow:hidden;background:var(--solid);color:var(--on-solid);border:none;border-radius:10px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;margin-left:8px;white-space:nowrap;transition:transform var(--t1),box-shadow var(--t2),background var(--t2)} .login:hover{background:var(--solid-hover);box-shadow:var(--e2);transform:translateY(-1px)} .login:active{transform:scale(.97)} /* ---------- 布局 ---------- */ .wrap{display:flex;max-width:1340px;margin:0 auto} aside{width:224px;flex-shrink:0;padding:18px 12px 18px;display:flex;flex-direction:column;position:sticky;top:60px;height:calc(100vh - 60px);overflow:auto} .side-h{font-size:11.5px;color:var(--sub);letter-spacing:2px;margin:16px 12px 6px;font-weight:600} .side-h:first-child{margin-top:2px} .feat{position:relative;display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-radius:11px;cursor:pointer;margin-bottom:2px;color:var(--text);transition:background var(--t1),color var(--t1)} .feat:hover{background:rgba(22,27,44,.045)} .feat:hover .fi{transform:translateX(1px) rotate(-4deg)} .feat.active{background:var(--card);box-shadow:var(--e1),inset 0 0 0 1px var(--line);color:var(--ink)} .feat.active::before{content:"";position:absolute;left:-2px;top:11px;bottom:11px;width:3px;border-radius:3px;background:rgb(var(--accR) var(--accG) var(--accB));transition:background var(--t2);transform-origin:top;animation:sweepY var(--t3) var(--ease) both} @keyframes sweepY{from{transform:scaleY(0)}to{transform:scaleY(1)}} .feat .fi{color:var(--muted);margin-top:1px;transition:transform var(--t2) var(--spring),color var(--t1)} .feat.active .fi{color:rgb(var(--accR) var(--accG) var(--accB))} .feat .ft{font-size:14px;font-weight:650;display:flex;align-items:center;gap:6px} .feat .fs{font-size:12px;color:var(--sub);margin-top:1px;line-height:1.4} .mini-tag{font-size:10px;border-radius:4px;padding:0 5px;line-height:16px;font-weight:700} .mini-tag.new{background:var(--brand-50);color:var(--brand)} .mini-tag.hot{background:linear-gradient(135deg,#ff6a3d,#e8361f);color:#fff;box-shadow:0 1px 4px rgba(232,54,31,.35)} .tile-hot{position:absolute;top:-6px;right:-4px}@media(max-width:720px){.tile-hot{top:3px;right:3px}} .tile-smp{position:absolute;top:-8px;right:-6px;font-size:10.5px;font-weight:700;line-height:17px;padding:0 7px;border-radius:6px;background:var(--brand);color:#fff;cursor:pointer;box-shadow:0 2px 6px rgba(var(--brand-rgb),.3);z-index:1} .tile-smp:hover{filter:brightness(1.1)} .tile.active .tile-smp{right:16px} @media(max-width:720px){.tile-smp{top:2px;right:2px;font-size:9.5px;padding:0 5px;line-height:15px}} .mini-tag.free{background:linear-gradient(135deg,#22b573,#139a5b);color:#fff;font-size:11px;padding:0 6px;box-shadow:0 1px 4px rgba(19,154,91,.35)} .ver-pill{display:inline-flex;align-items:center;gap:4px;margin-left:-4px;padding:1px 7px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;position:relative;transition:all var(--t1);white-space:nowrap} .ver-pill:hover{color:var(--brand);border-color:var(--brand)} .ver-pill.has-new{color:var(--brand);border-color:var(--brand);background:var(--brand-50)} .ver-pill.has-new::after{content:"";position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:50%;background:var(--solid,var(--brand));box-shadow:0 0 0 2px var(--paper)} .cl-banner{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:9px 14px;border:1px solid var(--line);background:var(--brand-50,rgba(45,108,223,.05));border-radius:11px;font-size:13.5px;color:var(--ink)} .cl-banner b{color:var(--brand)} .act-strip[hidden],[hidden].tool-head,.cl-banner[hidden]{display:none!important} /* 带 display 的元素 hidden 会失效：此前切换子菜单时露出空活跃条 */ .act-strip{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;margin:0 0 14px;padding:8px 14px;border:1px solid var(--line);border-radius:11px;font-size:13px;color:var(--sub);background:var(--surface,#fff)} .act-strip .live{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:600} .act-strip .live i{width:7px;height:7px;border-radius:50%;background:var(--ok,#1f7a45);box-shadow:0 0 0 0 rgba(31,122,69,.45);animation:actPulse 2s infinite} @keyframes actPulse{0%{box-shadow:0 0 0 0 rgba(31,122,69,.45)}70%{box-shadow:0 0 0 7px rgba(31,122,69,0)}100%{box-shadow:0 0 0 0 rgba(31,122,69,0)}} @media (prefers-reduced-motion: reduce){.act-strip .live i{animation:none}} .act-strip b{color:var(--ink);font-variant-numeric:tabular-nums} .act-strip .tot{margin-left:auto} .cl-banner .cl-go{margin-left:auto;color:var(--brand);font-weight:700;cursor:pointer;white-space:nowrap} .cl-banner .cl-x{cursor:pointer;color:var(--sub);font-size:17px;line-height:1;padding:0 2px} .pay-modal.cl-modal{max-width:640px;width:92vw;text-align:left} .cl-item{border-left:3px solid var(--brand);padding:4px 0 4px 15px;margin:4px 0} .cl-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;margin-bottom:9px;cursor:pointer;transition:all var(--t1)} .cl-row:hover{border-color:rgb(var(--accR) var(--accG) var(--accB));background:rgb(var(--accR) var(--accG) var(--accB)/.08)} .cl-row .cl-rt{font-size:15px;font-weight:700;color:var(--ink)} .cl-row .cl-rd{font-size:12.5px;color:var(--sub);margin-top:2px} .cl-row .cl-arr{margin-left:auto;color:var(--sub);font-size:20px;font-weight:700} .cl-back{display:inline-block;color:var(--brand);font-weight:700;font-size:13.5px;cursor:pointer;margin-bottom:12px} .cl-item .cl-d{font-size:12px;color:var(--sub);font-weight:600} .cl-item .cl-t{font-size:15px;font-weight:700;color:var(--ink);margin:1px 0 6px} .cl-item ul{margin:0;padding-left:17px;color:var(--muted);font-size:13.5px;line-height:1.85} @media(max-width:549px){.ver-pill{display:none}} .side-order{margin-top:auto;border:1px dashed var(--line3);border-radius:11px;padding:10px;font-size:13px;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:6px;justify-content:center;transition:all var(--t2)} .side-order:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-50)} main{flex:1;min-width:0;padding:30px 30px 48px;position:relative;overflow-x:clip} /* ---------- 首屏 ---------- */ .hero{position:relative;text-align:center;padding:14px 0 6px;isolation:isolate} .hero .wash{position:absolute;left:0;right:0;top:-30px;height:300px;z-index:-1;pointer-events:none; -webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 40%,#000 35%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 40%,#000 35%,transparent 75%)} .hero .wash i{position:absolute;border-radius:50%;filter:blur(46px);opacity:.5;transition:background .6s var(--ease,ease)} .hero .wash i:nth-child(1){width:440px;height:210px;left:11%;top:6px;background:radial-gradient(closest-side,rgb(var(--accR) var(--accG) var(--accB)/.32),transparent);animation:drift1 18s ease-in-out infinite} .hero .wash i:nth-child(2){width:300px;height:180px;right:14%;top:30px;background:radial-gradient(closest-side,rgba(190,52,32,.15),transparent);animation:drift2 22s ease-in-out infinite} .hero .wash i:nth-child(3){width:260px;height:140px;left:44%;top:-10px;background:radial-gradient(closest-side,rgba(22,27,44,.12),transparent);animation:drift1 26s ease-in-out infinite reverse} .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--line);border-radius:20px;padding:4px 12px 4px 6px;margin-bottom:14px;animation:fadeUp var(--t3) var(--ease) both} .eyebrow b{background:var(--solid);color:var(--on-solid);border-radius:12px;padding:0 8px;font-size:11px;font-weight:700;line-height:18px} .hero-title{font-family:var(--serif);font-size:38px;font-weight:800;letter-spacing:1.5px;color:var(--ink);line-height:1.28;margin:0} .hero-title .w{display:inline-block;animation:fadeUp var(--t4) var(--ease) both;animation-delay:calc(var(--i,0) * 70ms + 80ms)} .hero-title .key{position:relative;color:var(--seal);white-space:nowrap} .hero-title .brush{position:absolute;left:-4%;right:-4%;bottom:-10px;width:108%;height:16px;overflow:visible} .hero-title .brush path{fill:none;stroke:var(--seal);stroke-width:4;stroke-linecap:round;opacity:.85;stroke-dasharray:220;stroke-dashoffset:220;animation:draw .9s .75s var(--ease) forwards} .hero-sub{text-align:center;color:var(--muted);font-size:15.5px;margin:14px auto 0;max-width:740px;animation:fadeUp var(--t4) .35s var(--ease) both} .trust.nosub{margin-top:18px} .hero-title+.demo-note{margin-top:16px} .demo-note{text-align:center;color:var(--muted);font-size:12px;line-height:1.6;margin:8px auto 0;letter-spacing:.2px} .demo-note b{color:var(--text);font-weight:600} .trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:18px auto 26px;max-width:940px} .trust span{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text);animation:fadeUp var(--t3) var(--ease) both;animation-delay:calc(var(--i,0) * 90ms + 500ms)} .trust .ck{width:18px;height:18px;border-radius:50%;background:var(--ok-50);color:var(--ok);display:inline-flex;align-items:center;justify-content:center} .trust .ck path{stroke-dasharray:24;stroke-dashoffset:24;animation:draw .5s var(--ease) forwards;animation-delay:calc(var(--i,0) * 90ms + 650ms)} .hero-wrap{text-align:center;margin:4px 0 6px} /* ---------- 表单卡片 ---------- */ .card{position:relative;max-width:980px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:24px 26px; box-shadow:var(--e2);animation:fadeUp var(--t4) .2s var(--ease) both} .card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)} .title-row{display:flex;gap:10px;margin-bottom:6px} .major-hint{font-size:12.5px;color:var(--sub);margin:-2px 0 8px 2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap} .major-hint b{color:var(--ink)}.major-hint a{color:var(--brand);cursor:pointer} .major-hint input{font-size:12.5px;padding:3px 8px;border:1px solid var(--line);border-radius:6px;width:180px} .ctl,.title-row select,.title-row input{border:1px solid var(--line2);border-radius:var(--r);height:50px;font-size:15px;color:var(--ink);background:var(--surface);transition:border-color var(--t1),box-shadow var(--t2)} .title-row select{padding:0 12px;flex-shrink:0;font-size:14px;cursor:pointer} .title-row input{flex:1;min-width:0;padding:0 16px} .title-row input::placeholder,.field textarea::placeholder{color:var(--sub)} .title-row input:hover,.title-row select:hover{border-color:var(--line3)} .title-row input:focus,.title-row select:focus{border-color:var(--brand);box-shadow:var(--ring)} .rec{position:relative;overflow:hidden;background:var(--surface);color:var(--brand);border:1px solid var(--brand-200);border-radius:var(--r);padding:0 16px;height:50px;font-size:14px;font-weight:650;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:all var(--t2) var(--ease)} .rec:hover{background:var(--brand-50);border-color:var(--brand);transform:translateY(-1px)} .rec:hover .i{animation:spin 1.6s linear infinite} .rec:active{transform:scale(.97)}.rec:disabled{opacity:.6;cursor:default;transform:none} .expand{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:13px;cursor:pointer;margin:2px 0;user-select:none;transition:color var(--t1)} .src-fold{margin:12px 0} .src-fold>summary{cursor:pointer;color:var(--sub);font-size:12.5px;list-style:none;display:inline-flex;align-items:center;gap:4px} .src-fold>summary::-webkit-details-marker{display:none} .src-fold>summary::before{content:'ⓘ';opacity:.7} .src-fold>summary::after{content:'▸';font-size:10px;opacity:.6} .src-fold[open]>summary::after{content:'▾'} .faq{max-width:1060px;margin:30px auto 0} .tool-head{margin:6px 0 16px} .tool-back{display:inline-block;font-size:13.5px;color:var(--brand-700);text-decoration:none;margin-bottom:6px}.tool-back:hover{text-decoration:underline} .tool-back.m-only{display:none}@media(max-width:720px){.tool-back.m-only{display:inline-block}} .tool-head h2{margin:0 0 4px;font-size:24px;color:var(--ink)} .tool-head .sub{color:var(--sub);font-size:14px} #main.tool-mode .card{min-height:min(560px,62vh)} #main.tool-mode .faq{margin-top:72px} .faq-i{border:1px solid var(--line);border-radius:10px;margin:8px 0;background:var(--card);overflow:hidden} .faq-i>summary{cursor:pointer;padding:13px 16px;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px} .faq-i>summary::-webkit-details-marker{display:none} .faq-i>summary::after{content:'+';color:var(--sub);font-weight:400;font-size:19px;line-height:1} .faq-i[open]>summary::after{content:'–'} .faq-a{padding:0 16px 14px;color:var(--sub);font-size:14px;line-height:1.75} .expand:hover{color:var(--brand)} .expand .i{transition:transform var(--t3) var(--ease)}.expand.open .i{transform:rotate(180deg)} .grp-h{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--sub);margin:18px 0 9px;letter-spacing:2px;font-weight:600} .grp-h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)} /* 功能卡片 */ .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px} .tile{position:relative;border:1px solid var(--line);border-radius:var(--r);padding:10px 11px;display:flex;align-items:center;gap:9px;cursor:pointer;background:var(--surface);user-select:none; transition:transform var(--t2) var(--ease),border-color var(--t2),box-shadow var(--t2),background var(--t2)} .tile:hover{transform:translateY(-2px);border-color:rgb(var(--accR) var(--accG) var(--accB)/.45);box-shadow:var(--e2)} .tile:hover .ico{transform:translateY(-1px) scale(1.05)} .tile:active{transform:scale(.97)} .tile .ico{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--brand);background:var(--brand-50);flex-shrink:0;transition:transform var(--t3) var(--spring),background var(--t2),color var(--t2)} .tile .tl{font-size:13px;color:var(--text);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--t1)} .tile.active{border-color:rgb(var(--accR) var(--accG) var(--accB));background:linear-gradient(180deg,var(--surface),rgb(var(--accR) var(--accG) var(--accB)/.10));box-shadow:inset 0 0 0 1px rgb(var(--accR) var(--accG) var(--accB)),0 6px 16px rgb(var(--accR) var(--accG) var(--accB)/.14);transition:border-color var(--t2),background var(--t2),box-shadow var(--t2)} .tile.active .ico{background:rgb(var(--accR) var(--accG) var(--accB));color:#fff;transform:scale(1.04)} .tile.active .tl{color:rgb(var(--accR) var(--accG) var(--accB));font-weight:700} .tile .tick{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--brand);color:var(--card);display:none;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--card)} .tile.active .tick{display:flex;animation:popIn var(--t3) var(--ease) both} .tile .badge{position:absolute;top:-7px;right:6px;font-size:10px;border-radius:6px;padding:0 6px;line-height:16px;background:var(--seal);color:#fff} /* 分段选项：墨色滑块 */ .opt-row{position:relative;display:flex;align-items:center;gap:6px;margin:12px 0;flex-wrap:wrap} .opt-row .lbl{font-size:13px;color:var(--muted);width:46px;flex-shrink:0} .seg{position:relative;display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--paper-2);border-radius:12px;isolation:isolate} .seg-ind{position:absolute;left:0;top:0;height:0;width:0;border-radius:9px;background:var(--solid);box-shadow:0 4px 12px rgba(22,27,44,.22);z-index:-1; transition:transform var(--t3) var(--spring),width var(--t3) var(--spring),height var(--t2) var(--ease),opacity var(--t1);opacity:0} .seg.ready .seg-ind{opacity:1} .opt{position:relative;border:none;border-radius:9px;padding:6px 13px;font-size:13px;cursor:pointer;background:transparent;color:var(--text);user-select:none;white-space:nowrap;transition:color var(--t2),background var(--t1)} .opt:hover{background:rgba(255,255,255,.7)} .opt.sel{color:var(--on-solid);font-weight:600} .opt.sel:hover{background:transparent} .seg:not(.ready) .opt.sel{background:var(--solid)} .opt-row>.opt.sel{background:var(--solid)} /* 未包在 .seg 里的裸 .opt（如课题申报书「选择课题类型」）选中时也要有底色，否则白字白底看不见 */ .opt-row>.opt.sel .opt-sub,.opt-row>.opt.sel span{color:rgba(255,255,255,.82)!important} .more-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--t3) var(--ease)} .more-wrap.open{grid-template-rows:1fr} .more-wrap>.more{overflow:hidden;min-height:0} .more{border-top:1px dashed var(--line2);margin-top:10px;padding-top:2px} .more-wrap:not(.open)>.more{border-top-color:transparent;margin-top:0} /* 主按钮 */ .gen-wrap{text-align:center;margin-top:20px} .gen{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--cta-hi),var(--cta) 55%,var(--cta-600));color:#fff;border:none;border-radius:14px; padding:14px 60px;font-size:16.5px;font-weight:750;letter-spacing:1px;cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 24px -8px rgba(var(--cta-rgb),.55),0 2px 4px rgba(var(--cta-rgb),.2); transition:transform var(--t2) var(--ease),box-shadow var(--t2),filter var(--t2)} .gen::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-120%) skewX(-20deg);z-index:1;pointer-events:none} .gen:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 16px 30px -10px rgba(var(--cta-rgb),.6),0 3px 6px rgba(var(--cta-rgb),.2)} .gen:hover::after{animation:sheen .9s var(--ease)} .gen:active{transform:translateY(0) scale(.985)} .gen:disabled{filter:grayscale(.4);opacity:.6;cursor:not-allowed;transform:none;box-shadow:none} .gen:disabled::after{display:none} .gen.loading{pointer-events:none} .ld{display:inline-flex;gap:5px;vertical-align:middle;margin-right:8px} .ld i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:dots 1.1s infinite ease-in-out} .ld i:nth-child(2){animation-delay:.15s}.ld i:nth-child(3){animation-delay:.3s} .price-line{margin-top:12px;font-size:13px;color:var(--muted);min-height:22px;display:flex;justify-content:center;align-items:baseline;gap:4px;flex-wrap:wrap} .price-line b{color:var(--seal);font-size:20px;font-weight:800;font-family:var(--serif);font-variant-numeric:tabular-nums;padding:0 2px;border-radius:4px} .price-line b.flash{animation:flash .9s var(--ease)} .price-line .muted{color:var(--sub)} /* 推荐标题下拉 */ .rec-list{border:1px solid var(--line);border-radius:var(--r);margin:6px 0 10px;padding:6px;background:var(--surface);box-shadow:var(--e2);transform-origin:top;animation:fadeUp var(--t3) var(--ease) both} .rec-tip{font-size:12px;color:var(--muted);padding:4px 8px;display:flex;align-items:center;gap:6px} .rec-item{position:relative;padding:9px 12px 9px 30px;border-radius:9px;cursor:pointer;font-size:14px;line-height:1.5;color:var(--ink);animation:fadeUp var(--t3) var(--ease) both;animation-delay:calc(var(--i,0) * 50ms);transition:background var(--t1),color var(--t1),padding var(--t2) var(--ease)} .rec-item::before{content:"";position:absolute;left:13px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:2px;background:var(--line3);transform:rotate(45deg);transition:background var(--t1)} .rec-item:hover,.rec-item:focus{background:var(--brand-50);color:var(--brand-700);padding-left:34px} .rec-item:hover::before,.rec-item:focus::before{background:var(--brand)} .rec-card{padding:10px 12px 10px 30px}.rec-card::before{top:19px;margin-top:0} .rec-card .rt{font-weight:600;line-height:1.5} .rec-card .ri{font-size:12.5px;color:var(--muted);line-height:1.55;margin-top:3px} .rec-card .rg{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.rec-card .rg span{font-size:11.5px;padding:1px 8px;border-radius:20px;background:var(--paper-2);color:var(--text)} .rec-card:hover .rg span{background:var(--brand-100);color:var(--brand-700)} .rec-ops{display:flex;gap:16px;justify-content:flex-end;font-size:12.5px;padding:4px 8px}.rec-ops a{cursor:pointer;color:var(--brand)}.rec-ops a:hover{text-decoration:underline} /* 输入字段 */ .field{margin:14px 0}.field label{display:block;font-size:13.5px;font-weight:650;margin-bottom:6px;color:var(--ink)} .field textarea,.field input[type=text],.field input:not([type]),.inp{width:100%;padding:11px 13px;border:1px solid var(--line2);border-radius:var(--r);font-size:14px;color:var(--ink);background:var(--surface);transition:border-color var(--t1),box-shadow var(--t2)} .field textarea{min-height:110px;resize:vertical;line-height:1.7} .field textarea:focus,.field input:focus,.inp:focus{border-color:var(--brand);box-shadow:var(--ring)} .field input[type=file]{width:100%;padding:14px;border:1.5px dashed var(--line3);border-radius:var(--r);background:var(--paper);cursor:pointer;transition:border-color var(--t2),background var(--t2)} .field input[type=file]:hover{border-color:var(--brand);background:var(--brand-50)} #empUp input[type=file]{width:100%;padding:14px;border:1.5px dashed var(--line3);border-radius:var(--r);background:var(--paper);cursor:pointer;transition:border-color var(--t2),background var(--t2)} #empUp input[type=file]:hover{border-color:var(--brand);background:var(--brand-50)} input[type=file]::file-selector-button{font:inherit;font-size:13px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 12px;margin-right:10px;cursor:pointer} .note{font-size:12.5px;color:var(--muted)} /* ---------- 进度 ---------- */ .steps{max-width:980px;margin:18px auto 0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 22px;box-shadow:var(--e1);animation:fadeUp var(--t3) var(--ease) both} .steps .hd{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);font-weight:650;margin-bottom:16px} .steps .bar{position:relative;display:flex;justify-content:space-between} .steps .bar::before,.steps .bar .fill{content:"";position:absolute;left:14px;right:14px;top:13px;height:2px;background:var(--line)} .steps .bar .fill{right:auto;background:linear-gradient(90deg,var(--brand),var(--brand-600));transition:width .6s var(--ease)} .steps .node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;font-size:12.5px;color:var(--sub);text-align:center} .steps .node .dot{width:28px;height:28px;border-radius:50%;background:var(--surface);border:2px solid var(--line2);display:flex;align-items:center;justify-content:center;color:var(--sub);transition:all var(--t3) var(--ease)} .steps .node.on{color:var(--brand-700);font-weight:650} .steps .node.on .dot{border-color:var(--brand);color:var(--brand);animation:ripple 1.4s infinite} .steps .node.done{color:var(--ok)} .steps .node.done .dot{background:var(--ok);border-color:var(--ok);color:#fff;animation:popIn var(--t3) var(--spring)} .steps .msg-line{margin-top:14px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px} .genbar,.gennote{display:none} .sp{display:inline-block;width:14px;height:14px;border:2px solid var(--brand-200);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:6px} .gen .sp,.btn .sp{border-color:rgba(255,255,255,.4);border-top-color:#fff} /* ---------- 订单 / 列表 ---------- */ .sec-title{font-family:var(--serif);text-align:center;font-size:21px;font-weight:800;color:var(--ink);margin:40px 0 16px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:12px} .sec-title::before,.sec-title::after{content:"";width:28px;height:1px;background:var(--line3)} .orders{max-width:700px;margin:0 auto} .ofilter{max-width:700px;margin:14px auto 4px;display:flex;gap:8px;flex-wrap:wrap} .ochip{padding:6px 15px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--t1)} .ochip:hover{border-color:var(--brand);color:var(--brand)} .ochip.on{background:var(--brand);border-color:var(--brand);color:#fff} .ochip .ocount{display:inline-block;min-width:17px;margin-left:6px;padding:0 5px;border-radius:999px;background:var(--line2);color:var(--muted);font-size:11px;font-weight:800;line-height:17px;text-align:center;vertical-align:middle} .ochip.on .ocount{background:rgba(255,255,255,.3);color:#fff} .order{border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;margin-bottom:12px;background:var(--card);box-shadow:var(--e1);transition:box-shadow var(--t2),transform var(--t2) var(--ease);animation:fadeUp var(--t3) var(--ease) both;animation-delay:calc(var(--i,0) * 50ms)} .order:hover{box-shadow:var(--e2);transform:translateY(-1px)} .order .oh{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--sub);margin-bottom:6px} .order .oh .free{background:var(--ok-50);color:var(--ok);border-radius:6px;padding:0 8px;font-size:11.5px} .order .oh .del{margin-left:auto;cursor:pointer;color:var(--sub);padding:3px;border-radius:6px;transition:all var(--t1)}.order .oh .del:hover{color:var(--danger);background:var(--danger-50)} .order .ot{font-size:16px;font-weight:750;color:var(--ink);margin-bottom:2px;font-family:var(--serif)} .order .om{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px} .order .om .view{color:var(--brand);cursor:pointer;white-space:nowrap}.order .om .view:hover{text-decoration:underline} .order .line{display:flex;align-items:center;gap:8px;font-size:13px;padding:9px 0;border-top:1px dashed var(--line)} .order .line .nm{font-weight:650;color:var(--ink)}.order .line .lb{background:var(--brand-50);color:var(--brand);border-radius:6px;padding:0 7px;font-size:11.5px} .order .line .st{margin-left:auto;color:var(--muted)}.order .line .st.done{color:var(--ok)}.order .line .st.run{color:var(--warn)} .oprog{display:flex;align-items:center;gap:10px;padding:2px 0 8px}.oprog .ob{flex:1;height:6px;border-radius:6px;background:var(--line);overflow:hidden}.oprog .ob i{display:block;height:100%;border-radius:6px;background:var(--brand);transition:width .6s var(--ease)}.oprog .om2{font-size:12px;color:var(--muted);white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis} .order .obtn{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap} .order .time{margin-left:auto;font-size:12px;color:var(--sub)} .pay{position:relative;overflow:hidden;background:var(--brand);color:#fff;border:none;border-radius:10px;padding:8px 20px;font-size:14px;font-weight:650;cursor:pointer;transition:transform var(--t1),box-shadow var(--t2),background var(--t2)} .pay:hover{background:var(--brand-600);transform:translateY(-1px);box-shadow:0 6px 14px -4px rgba(var(--brand-rgb),.5)} .pay:active{transform:scale(.97)} .pay.paid{background:var(--ok-50);color:var(--ok);cursor:default;box-shadow:none;transform:none}.pay:disabled{opacity:.6} .opr{font-variant-numeric:tabular-nums} .refresh{display:flex;align-items:center;gap:6px;margin:10px auto 0;background:var(--card);color:var(--text);border:1px solid var(--line2);border-radius:20px;padding:8px 20px;font-size:13px;cursor:pointer;transition:all var(--t2)} .refresh:hover{border-color:var(--brand);color:var(--brand)} .refresh:hover .i{transform:rotate(-180deg)}.refresh .i{transition:transform var(--t4) var(--ease)} .history{text-align:center;margin:14px 0;color:var(--muted);font-size:13px;cursor:pointer;transition:color var(--t1)}.history:hover{color:var(--brand)} .order-hint{max-width:820px;margin:28px auto 0;display:flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid var(--line2);border-radius:14px;background:var(--card);color:var(--text);font-size:14px;cursor:pointer;transition:border-color var(--t2),box-shadow var(--t2),transform var(--t2)} .order-hint:hover{border-color:var(--brand-200);box-shadow:0 6px 20px rgba(22,27,44,.06);transform:translateY(-1px)} .order-hint .i{color:var(--brand);flex-shrink:0}.order-hint .oht{flex:1;min-width:0}.order-hint .oht b{color:var(--brand)} .order-hint .ohg{color:var(--brand);font-weight:600;white-space:nowrap} .srv-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px auto 4px;font-size:13.5px;color:var(--sub)} .srv-pager .btn:disabled{opacity:.4;cursor:default} .disc{max-width:980px;margin:28px auto 0;border-top:1px solid var(--line);padding:16px 4px 0;font-size:12.5px;color:var(--sub);line-height:1.9} .empty{text-align:center;padding:34px 16px;color:var(--sub);font-size:13.5px} .empty .em{width:56px;height:56px;margin:0 auto 12px;border-radius:14px;border:1.5px dashed var(--line3);display:flex;align-items:center;justify-content:center;color:var(--line3);font-family:var(--serif);font-size:24px;font-weight:800;transform:rotate(-4deg)} .empty .em-art{width:150px;height:94px;display:block;margin:0 auto 10px;color:var(--muted)} .empty .em-art .stroke{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .7s .25s cubic-bezier(.75,0,.2,1) forwards} .empty .em-art .seal{transform-box:fill-box;transform-origin:center;animation:stamp .6s .7s var(--ease) both} /* 吉祥物「纸片侠」 */ .lx-mascot{display:block} .empty .em-mascot{width:96px;height:96px;margin:0 auto 8px;animation:lxBob 2.6s ease-in-out infinite} @keyframes lxBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-2deg)}} .cs-ava.mascot{background:none;width:84px;height:84px;margin:-6px auto 2px} .cs-ava.mascot .lx-mascot{width:84px;height:84px;animation:lxBob 2.6s ease-in-out infinite} @media (prefers-reduced-motion:reduce){.lx-mascot{animation:none!important}} /* 骨架屏 */ .skel{border-radius:var(--r);background:linear-gradient(90deg,var(--paper-2) 0,#f8f7f2 60px,var(--paper-2) 120px);background-size:800px 100%;animation:shimmer 1.3s infinite linear} .skel-row{height:64px;margin-bottom:10px} /* ---------- 毕设 / 期刊 / 基金 ---------- */ .codex-sub{text-align:center;color:var(--muted);font-size:14px;margin:6px 0} .codex-sub .sep{color:var(--line3);margin:0 6px} .cat-hint{max-width:1000px;margin:18px auto 10px;font-size:14px;font-weight:750;color:var(--ink)} .cat-hint span{font-weight:400;color:var(--muted);font-size:12.5px;margin-left:8px} .cats{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px} .cat{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;cursor:pointer;background:var(--surface);transition:transform var(--t2) var(--ease),border-color var(--t2),box-shadow var(--t2);animation:fadeUp var(--t3) var(--ease) both;animation-delay:calc(var(--i,0) * 35ms)} .cat:hover{transform:translateY(-2px);border-color:var(--line3);box-shadow:var(--e2)} .cat:active{transform:scale(.98)} .cat.active{border-color:var(--brand);background:linear-gradient(180deg,var(--surface),var(--brand-50));box-shadow:inset 0 0 0 1px var(--brand),0 6px 16px rgba(var(--brand-rgb),.12)} .cat.ghost{background:transparent;border-style:dashed;border-color:var(--line3)} .cat.ghost:hover{background:var(--surface)} .cat .cn{font-size:15px;font-weight:750;color:var(--ink);display:flex;align-items:center;gap:8px}.cat.active .cn{color:var(--brand-700)} .cat .ci{width:28px;height:28px;border-radius:8px;background:var(--brand-50);color:var(--brand);display:flex;align-items:center;justify-content:center;transition:all var(--t2)} .cat.active .ci{background:var(--brand);color:var(--card)} .cat .case{position:absolute;top:12px;right:12px;font-size:11px;border-radius:6px;padding:0 7px;line-height:18px} .cat .case.soon{background:var(--warn-50);color:var(--warn)} .cat .cs{font-size:12.5px;color:var(--muted);margin:8px 0 0} .cat.soon{opacity:.62} .seg-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px} .seg-pick label{display:block;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;background:var(--surface);transition:border-color .2s,box-shadow .2s} .seg-pick label input{margin:0 6px 0 0;accent-color:var(--brand)} .seg-pick label b{font-size:14px} .seg-pick label span{display:block;color:var(--muted);font-size:12.5px;line-height:1.6;margin-top:4px} .seg-pick label.on{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12)} @media(max-width:640px){.seg-pick{grid-template-columns:1fr}} .willget{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-bottom:14px} .willget h3{margin:0 0 8px;font-size:14.5px;color:var(--ink)}.willget .items{display:flex;flex-wrap:wrap;gap:8px} .willget .it{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:3px 12px;font-size:13px;color:var(--text)} /* ---------- 悬浮按钮 ---------- */ .floats{position:fixed;right:20px;bottom:96px;z-index:20;display:flex;flex-direction:column;gap:10px} .float{position:relative;width:52px;height:52px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--e2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:10.5px;color:var(--muted);cursor:pointer;transition:transform var(--t2) var(--spring),color var(--t1),border-color var(--t1)} .float:hover{transform:translateY(-3px) scale(1.04);color:var(--brand);border-color:var(--brand-200)} .float.cs{background:var(--solid);color:var(--on-solid);border-color:var(--solid)} .float.cs::after{content:"";position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 2px var(--ink);color:#4ade80;animation:livedot 2s infinite} .float.cs:hover{color:#fff;background:var(--solid-hover)} .float.inv{background:linear-gradient(135deg,#ffb020,#ff5a36);color:#fff;border-color:transparent;font-weight:700;animation:invpulse 2.4s ease-in-out infinite} .float.inv:hover{color:#fff;filter:brightness(1.06);transform:translateY(-3px) scale(1.06)} @keyframes invpulse{0%,100%{box-shadow:0 5px 16px rgba(255,90,54,.32)}50%{box-shadow:0 7px 24px rgba(255,90,54,.6)}} /* ---------- 页脚 ---------- */ .site-foot{border-top:1px solid var(--line);background:color-mix(in srgb,var(--card) 60%,transparent);margin-top:48px;padding:26px 24px 30px;font-size:12.5px;color:var(--sub);text-align:center;line-height:2.1} .site-foot .fl{display:inline-flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--muted)} .site-foot .fl .seal{width:20px;height:20px;border-radius:5px;background:var(--seal);color:#fff;font-family:var(--serif);font-weight:900;font-size:12px;display:inline-flex;align-items:center;justify-content:center} .site-foot a{color:var(--muted);cursor:pointer;margin:0 9px;transition:color var(--t1)}.site-foot a:hover{color:var(--brand)} /* ---------- 通用组件 ---------- */ .page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap} h2{margin:0 0 4px;font-size:24px;font-family:var(--serif);color:var(--ink);font-weight:800;letter-spacing:.5px}.sub{color:var(--muted);font-size:13px;margin-bottom:18px} .page-h .sub{margin:0} .result{border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 28px;background:var(--card);overflow:auto;white-space:pre-wrap;font-size:14.5px;line-height:1.9;box-shadow:var(--e1)} .result-cover{margin:0 0 16px;padding:20px 24px;border:1px solid #edc4a5;border-left:5px solid #b45309;border-radius:var(--r-lg);background:#fff1e6;color:#9a3412} .result-cover h3{margin:0 0 8px;font-size:16px}.result-cover p{margin:0;font-size:14px;font-weight:600;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere} .result h1,.result h2,.result h3{font-family:var(--serif);color:var(--ink)} .result p{text-indent:2em;margin:6px 0} .result img{max-width:100%;border-radius:6px} .result table{border-collapse:collapse;margin:10px 0}.result td,.result th{border:1px solid var(--line2);padding:4px 10px} .files{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px} .file{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-size:13px;cursor:pointer;background:var(--surface);transition:all var(--t2) var(--ease)} .file:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px);box-shadow:var(--e1)} .btn{position:relative;overflow:hidden;background:var(--brand);color:#fff;border:none;border-radius:10px;padding:9px 18px;font-size:14px;cursor:pointer;font-weight:650;display:inline-flex;align-items:center;gap:6px;transition:transform var(--t1),box-shadow var(--t2),background var(--t2)} .btn:hover{background:var(--brand-600);transform:translateY(-1px);box-shadow:0 6px 14px -4px rgba(var(--brand-rgb),.45)} .btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none} .btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--line2)}.btn.ghost:hover{border-color:var(--brand);color:var(--brand);box-shadow:none} .btn.ink{background:var(--solid)}.btn.ink:hover{background:var(--solid-hover);box-shadow:0 6px 14px -4px rgba(22,27,44,.4)} .foot{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)} .chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);border-radius:18px;padding:6px 15px;font-size:13px;cursor:pointer;background:var(--surface);transition:all var(--t1)}.chip:hover{border-color:var(--line3)}.chip.sel{background:var(--solid);color:var(--on-solid);border-color:var(--solid)} .task-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:10px;background:var(--card);transition:box-shadow var(--t2),transform var(--t2) var(--ease),border-color var(--t2);animation:fadeUp var(--t3) var(--ease) both;animation-delay:calc(var(--i,0) * 40ms)} .task-row:hover{border-color:var(--line3);box-shadow:var(--e2);transform:translateY(-1px)} .task-row .ti{color:var(--brand);background:var(--brand-50);border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .task-row .tt{font-weight:650;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .task-row .tm{font-size:12px;color:var(--sub);margin-top:2px} .task-row .acts{display:flex;gap:6px;flex-shrink:0} .badge2{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 10px;border-radius:16px;white-space:nowrap;font-weight:600} .badge2::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor} .badge2.completed{background:var(--ok-50);color:var(--ok)} .badge2.running,.badge2.pending,.badge2.queued{background:var(--warn-50);color:var(--warn)} .badge2.running::before,.badge2.queued::before,.badge2.pending::before{animation:livedot 1.6s infinite} .badge2.failed{background:var(--danger-50);color:var(--danger)} /* toast */ .toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,16px) scale(.96);background:var(--solid);color:var(--on-solid);padding:11px 18px 11px 14px;border-radius:12px;font-size:14px;opacity:0; transition:opacity var(--t2),transform var(--t3) var(--spring);z-index:300;pointer-events:none;max-width:min(92vw,520px);display:flex;align-items:center;gap:9px;box-shadow:var(--e3)} .toast.show{opacity:1;transform:translate(-50%,0) scale(1)} .toast .ti{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(255,255,255,.14)} .toast.ok .ti{background:#2f9e5e}.toast.err .ti{background:#d14b38} .toast .ti path{stroke-dasharray:24;stroke-dashoffset:24} .toast.show .ti path{animation:draw .45s .1s var(--ease) forwards} /* 弹窗 */ .pay-mask{position:fixed;inset:0;background:rgba(22,27,44,.46);z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn var(--t2) ease both} .pay-mask.closing{animation:fadeIn var(--t2) ease reverse both} .pay-modal{background:var(--card);border-radius:var(--r-xl);padding:28px;width:420px;max-width:100%;max-height:90vh;overflow:auto;position:relative;text-align:center;box-shadow:var(--e3);border:1px solid rgba(255,255,255,.6); animation:modalIn var(--t3) var(--ease) both} .pay-mask.closing .pay-modal{animation:modalOut var(--t2) var(--ease-in) both} @keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}} @keyframes modalOut{to{opacity:0;transform:translateY(8px) scale(.97)}} .pay-modal h3{margin:0 0 14px;font-size:20px;font-family:var(--serif);color:var(--ink);font-weight:800} .pay-x{position:absolute;top:14px;right:14px;cursor:pointer;color:var(--muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all var(--t2) var(--ease)} .pay-x:hover{background:var(--paper-2);color:var(--ink);transform:rotate(90deg)} .pay-item{font-weight:650;font-size:15px;color:var(--ink)}.pay-item.sub{color:var(--muted);font-size:13px;font-weight:400;margin-bottom:14px} .pay-price{font-size:14px;margin-bottom:14px;color:var(--muted)}.pay-price b{color:var(--seal);font-size:32px;font-family:var(--serif);font-weight:800;font-variant-numeric:tabular-nums;margin-left:4px} .pay-qr{margin:14px 0}.pay-qr iframe,.pay-qr img{border-radius:12px;box-shadow:0 0 0 1px var(--line),var(--e1)} .qr-box{width:150px;height:150px;margin:0 auto 8px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:60px;background:var(--paper)} .pay-qr div{color:var(--muted);font-size:13px;margin-top:6px} .pay-btn{width:100%;background:var(--solid);color:var(--on-solid);border:none;border-radius:12px;padding:13px;font-size:15.5px;font-weight:700;cursor:pointer;margin-top:6px;transition:transform var(--t1),background var(--t2),box-shadow var(--t2)} .pay-btn:hover{background:var(--solid-hover);box-shadow:var(--e2)}.pay-btn:active{transform:scale(.985)}.pay-btn:disabled{opacity:.6} .pv-seg{display:inline-flex;gap:4px;padding:4px;background:var(--paper-2);border-radius:12px;margin:4px 0 6px} .pv-seg button{border:none;background:transparent;border-radius:9px;padding:6px 16px;font-size:13.5px;cursor:pointer;color:var(--text);transition:all var(--t2)} .pv-seg button.on{background:var(--surface);color:var(--ink);font-weight:650;box-shadow:var(--e1)} .modal-doc{text-align:left;width:640px} .modal-doc h4{font-size:15px;color:var(--ink);margin:20px 0 6px;font-family:var(--serif);display:flex;align-items:center;gap:8px} .modal-doc h4::before{content:"";width:4px;height:14px;border-radius:2px;background:var(--solid)} .modal-doc p,.modal-doc li{font-size:13.5px;color:var(--text);line-height:1.9;margin:4px 0} .modal-doc ol,.modal-doc ul{padding-left:20px;margin:4px 0} .form-l{display:block;font-size:13px;font-weight:650;color:var(--ink);margin:12px 0 6px} .cs-qr{width:200px;height:200px;border:1px solid var(--line);border-radius:14px;margin:8px auto;display:block;object-fit:contain;background:var(--surface);padding:8px} .cs-line{display:flex;justify-content:center;gap:8px;align-items:center;font-size:14px;margin:8px 0;color:var(--text)} .cs-line b{color:var(--ink);font-variant-numeric:tabular-nums} .copy{font-size:12px;color:var(--brand);cursor:pointer;border:1px solid var(--brand-200);border-radius:6px;padding:1px 8px;transition:all var(--t1)}.copy:hover{background:var(--brand-50)} .cs-ava{width:64px;height:64px;margin:0 auto 6px;border-radius:18px;background:var(--solid);color:var(--on-solid);display:flex;align-items:center;justify-content:center} /* 助手 / 个人中心 */ .chat{display:flex;flex-direction:column;height:calc(100vh - 230px);min-height:420px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:16px;box-shadow:var(--e1)} .chat-log{flex:1;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:4px} .msg{display:flex;gap:10px;max-width:82%;animation:fadeUp var(--t3) var(--ease) both} .msg .av{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-family:var(--serif);font-weight:800} .msg.user{align-self:flex-end;flex-direction:row-reverse} .msg .bub{padding:11px 15px;border-radius:14px;font-size:14px;line-height:1.8;white-space:pre-wrap} .msg.ai .av{background:var(--seal);color:#fff}.msg.ai .bub{background:var(--paper);border:1px solid var(--line);border-top-left-radius:4px} .msg.user .av{background:var(--solid);color:var(--on-solid)}.msg.user .bub{background:var(--brand);color:#fff;border-top-right-radius:4px} .msg .bub .ld{margin:0} .chat-in{display:flex;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);align-items:flex-end} .chat-in textarea{flex:1;padding:12px 14px;border:1px solid var(--line2);border-radius:12px;font-size:14px;resize:none;height:50px;transition:border-color var(--t1),box-shadow var(--t2)} .chat-in textarea:focus{border-color:var(--brand);box-shadow:var(--ring)} .as-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px} .as-side{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:12px;box-shadow:var(--e1);display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 230px);min-height:420px} .as-new{width:100%;justify-content:center} .as-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:2px;margin-top:6px} .as-item{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:13.5px;color:var(--text)} .as-item:hover{background:var(--surface)}.as-item.on{background:var(--brand-50);color:var(--brand);font-weight:600} .as-item .tt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .as-item .del{opacity:0;color:var(--sub);font-size:12px;padding:2px 4px}.as-item:hover .del{opacity:1} .as-empty{font-size:12.5px;color:var(--sub);padding:10px 4px;line-height:1.7} .as-bal{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)} .as-bal b{color:var(--brand);font-size:15px} @media (max-width:760px){.as-wrap{grid-template-columns:1fr}.as-side{max-height:180px;min-height:0}} .chat-sug{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 2px} .chat-sug span{font-size:12.5px;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:4px 12px;cursor:pointer;color:var(--text);transition:all var(--t1)} .chat-sug span:hover{border-color:var(--brand);color:var(--brand)} .pf-head{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:22px 24px;margin-bottom:14px;box-shadow:var(--e1);position:relative;overflow:hidden} .pf-head::after{content:var(--seal-ch,"侠");position:absolute;right:-6px;bottom:-34px;font-family:var(--serif);font-size:150px;font-weight:900;color:var(--seal);opacity:.05;pointer-events:none} .pf-avatar{width:62px;height:62px;border-radius:16px;background:var(--seal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;font-family:var(--serif);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)} .pf-name{font-size:19px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap} .pf-lvl{font-size:12px;border-radius:12px;padding:1px 10px;font-weight:650} .pf-lvl.in{background:var(--ok-50);color:var(--ok)}.pf-lvl.out{background:var(--paper-2);color:var(--muted)} .pf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px} .pf-stat{border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;text-align:center;background:var(--card);box-shadow:var(--e1);animation:fadeUp var(--t3) var(--ease) both;animation-delay:calc(var(--i,0) * 60ms)} .pf-stat .num{font-size:28px;font-weight:800;color:var(--ink);font-family:var(--serif);font-variant-numeric:tabular-nums} .pf-stat .lbl{font-size:12.5px;color:var(--muted);margin-top:4px} .h3{font-family:var(--serif);font-size:16px;font-weight:800;color:var(--ink);margin:20px 0 10px} /* 流式生成 */ .chapbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px} .chapbar .opt{background:var(--surface);border:1px solid var(--line);font-size:12px;padding:4px 10px;color:var(--muted)} .chapbar .opt.sel{background:var(--brand-50);border-color:var(--brand);color:var(--brand-700)} .chapbar .opt.done{background:var(--ok-50);border-color:#bfe0cc;color:var(--ok)} /* 手机底部导航 */ .tabbar{display:none} /* 手机「全部功能」抽屉（左上角 ☰）+ 专页顶部「‹ 全部类型」返回条 */ .menu-btn{display:none;border:0;background:none;font:inherit} .dw-mask{position:fixed;inset:0;z-index:1000;background:rgba(15,20,35,.38);opacity:0;transition:opacity .2s} .dw{position:fixed;left:0;top:0;bottom:0;z-index:1001;width:min(300px,84vw);background:var(--card);box-shadow:var(--e3);display:flex;flex-direction:column; transform:translateX(-102%);transition:transform .24s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom)} .dw-on .dw-mask{opacity:1}.dw-on .dw{transform:none} .dw-hd{display:flex;align-items:center;gap:8px;padding:14px 14px 10px 18px;border-bottom:1px solid var(--line);font-weight:700;font-size:16px;color:var(--ink)} .dw-hd button{margin-left:auto;border:0;background:none;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;padding:4px 6px} .dw-bd{flex:1;overflow:auto;padding:6px 10px 16px;overscroll-behavior:contain} .dw-h{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.06em;margin:12px 8px 4px} .dw-g{display:grid;grid-template-columns:1fr 1fr;gap:2px} .dw-i{display:flex;align-items:center;gap:8px;padding:9px 8px;border-radius:10px;font-size:14px;color:var(--ink);cursor:pointer;min-width:0} .dw-i span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dw-i .mini-tag{flex:none;font-style:normal;margin-left:-2px} .dw-i .i{width:17px;height:17px;flex:none;color:var(--brand)} .dw-i.on{background:var(--brand-50);color:var(--brand);font-weight:700} .dw-i:active{background:var(--brand-50)} .pg-back{display:flex;align-items:center;gap:6px;margin:-6px 0 10px;font-size:13px;color:var(--muted)} .pg-back a{color:var(--brand);font-weight:700;cursor:pointer} .pg-back b{color:var(--ink)} @media (min-width:1081px){.pg-back{display:none}} /* 查重 / AIGC 降重 两个专页之间的切换：页签样式，不额外占一块版面 */ .srtabs{display:flex;gap:20px;margin:2px 2px 12px;border-bottom:1px solid var(--line)} .srtabs button{position:relative;padding:8px 0 9px;border:0;background:none;font-family:inherit;font-size:14.5px; font-weight:700;color:var(--muted);cursor:pointer;transition:color var(--t2)} .srtabs button.on{color:var(--brand)} .srtabs button.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--brand)} /* ---------- 响应式 ---------- */ @media (max-width:1080px){ aside{display:none} .menu-btn{display:inline-flex;align-items:center;padding:6px;margin:0 2px 0 -8px}.menu-btn .i{width:22px;height:22px} main{padding:24px 18px 110px} .nav{display:none} .floats{display:none} .tabbar{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;background:color-mix(in srgb,var(--card) 97%,transparent); border:1px solid var(--line);border-radius:20px;padding:6px 4px;box-shadow:var(--e3)} .tabbar a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted);padding:3px 0;cursor:pointer;transition:color var(--t1)} .tabbar a .i{transition:transform var(--t3) var(--spring)} .tabbar a.on{color:var(--ink);font-weight:700} .tabbar a.on .i{transform:translateY(-1px) scale(1.08);color:var(--brand)} .tabbar a.on::after{content:"";position:absolute;bottom:-3px;width:4px;height:4px;border-radius:50%;background:var(--seal);animation:popIn var(--t3) var(--spring) both} .tabbar a:active .i{transform:scale(.88)} .site-foot{padding-bottom:110px} } @media (min-width:721px) and (max-width:1080px){.tabbar{left:50%;right:auto;transform:translateX(-50%);width:440px}} @media (max-width:720px){ body{font-size:14px} header{padding:0 14px;height:54px}header.scrolled{height:50px} .logo{margin-right:0}.logo .name{font-size:18px} .hide-m{display:none !important} main{padding:14px 12px 100px} .hero{padding-top:6px} .hero .wash{height:200px} .eyebrow{margin-bottom:10px} .hero-title{font-size:25px;letter-spacing:.5px} .hero-title .brush{bottom:-8px;height:12px} .hero-sub{font-size:13.5px;margin-top:10px} .trust{display:none} /* 手机端不显示首屏那三条勾选说明（首页 / 毕设），太占首屏高度 */ .card{padding:16px 14px;border-radius:18px} .title-row{flex-wrap:wrap} .title-row select{height:44px;flex:0 0 auto} .title-row input{height:46px;flex:1 1 100%;order:-1} .rec{height:44px;flex:1;justify-content:center} .tiles{display:flex;overflow-x:auto;gap:7px;margin:0 -14px;padding:4px 14px 8px;scroll-snap-type:x proximity;scrollbar-width:none} #jnTypes{display:grid!important;grid-template-columns:1fr 1fr!important;margin:0!important;padding:0!important;overflow:visible}#jnTypes .tile{min-width:0;flex:none} .tiles::-webkit-scrollbar{display:none} .tile{flex:0 0 84px;flex-direction:column;gap:6px;padding:11px 4px 10px;text-align:center;scroll-snap-align:start} .tile:hover{transform:none;box-shadow:none} .tile .tl{font-size:12px;white-space:normal} .tile .tick{top:-5px;right:-5px} .grp-h{margin:14px 0 6px} .opt-row{flex-wrap:nowrap;margin:10px 0} .opt-row .seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:calc(100vw - 100px)} .opt-row .seg::-webkit-scrollbar{display:none} .opt{padding:6px 11px} .gen{width:100%;padding:14px 0} .floats{display:none} .pf-stats{grid-template-columns:repeat(2,1fr)} .cats{grid-template-columns:1fr 1fr} .cat{padding:12px} .msg{max-width:92%} .chat{height:calc(100vh - 210px);padding:10px} .order .time{margin-left:0;width:100%} .task-row{flex-wrap:wrap} .task-row .acts{width:100%;justify-content:flex-end} .result{padding:16px} .pay-modal{padding:22px 18px} .site-foot{padding-bottom:110px} .toast{bottom:96px} } @media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;animation-delay:0s !important;transition-duration:.01ms !important;scroll-behavior:auto !important} .hero-title .brush path,.trust .ck path,.toast .ti path{stroke-dashoffset:0} } /* ========================================================== 「侠」动效：剑光出鞘 · 一笔斩落 · 侠印落款 · 拔剑 · 剑气 · 墨晕 ========================================================== */ /* 剑光：细窄、带辉光的斜线掠过（替代普通光泽） */ .gen::after{width:22%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.0) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 70%,transparent 100%); filter:blur(.4px);transform:translateX(-160%) skewX(-28deg)} .gen:hover::after{animation:blade .62s cubic-bezier(.7,0,.25,1)} @keyframes blade{0%{transform:translateX(-160%) skewX(-28deg);opacity:0}15%{opacity:1}100%{transform:translateX(560%) skewX(-28deg);opacity:0}} /* 出鞘：点击时一道斜向剑痕划过按钮 */ .gen::before{content:"";position:absolute;left:-10%;right:-10%;top:50%;height:2px;margin-top:-1px;z-index:2;pointer-events:none; background:linear-gradient(90deg,transparent,#fff 40%,#fff 60%,transparent);box-shadow:0 0 10px rgba(255,255,255,.9); transform:rotate(-9deg) scaleX(0);transform-origin:left center;opacity:0} .gen.slash::before{animation:slash .42s cubic-bezier(.8,0,.2,1) forwards} @keyframes slash{0%{transform:rotate(-9deg) scaleX(0);opacity:1}55%{transform:rotate(-9deg) scaleX(1);opacity:1}100%{transform:rotate(-9deg) scaleX(1);opacity:0}} /* 一笔斩落：起笔快、收笔缓，末端甩墨 */ .hero-title .brush path{animation:draw .58s .8s cubic-bezier(.75,0,.2,1) forwards} .hero-title .brush .dot{fill:var(--seal);stroke:none;opacity:0;transform-box:fill-box;transform-origin:center;animation:inkDot .4s 1.3s var(--ease) forwards} .hero-title .brush .dot:nth-of-type(2){animation-delay:1.36s}.hero-title .brush .dot:nth-of-type(3){animation-delay:1.42s} @keyframes inkDot{0%{opacity:0;transform:translate(-6px,2px) scale(.2)}100%{opacity:.8;transform:none}} /* 侠印落款（全屏瞬间） */ .xia-stamp{position:fixed;z-index:400;pointer-events:none;width:0;height:0} .xia-stamp .s{position:absolute;left:-34px;top:-34px;width:68px;height:68px;border-radius:9px;background:var(--seal);color:#fff8f0; font-family:var(--serif);font-weight:900;font-size:42px;display:flex;align-items:center;justify-content:center; box-shadow:inset 0 0 0 3px rgba(255,248,240,.4),inset 0 -8px 14px rgba(0,0,0,.18),0 10px 24px rgba(190,52,32,.35); animation:xiaStamp .62s cubic-bezier(.5,0,.75,0) both, xiaFade .5s 1.15s ease forwards} .xia-stamp .s::after{content:"";position:absolute;inset:4px;border:1.5px solid rgba(255,248,240,.55);border-radius:6px} .xia-stamp .ring{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border-radius:12px;border:2px solid var(--seal);opacity:0;animation:xiaRing .7s .34s var(--ease) forwards} .xia-stamp .dot{position:absolute;left:0;top:0;width:var(--d,5px);height:var(--d,5px);margin:calc(var(--d,5px)/-2);border-radius:50%;background:var(--seal);opacity:0; animation:xiaSplash .6s .34s cubic-bezier(.2,.8,.3,1) forwards} .xia-stamp .lbl{position:absolute;left:50%;top:46px;transform:translateX(-50%);white-space:nowrap;font-family:var(--serif);font-weight:700;font-size:15px;color:var(--ink); background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);border-radius:20px;padding:3px 12px;opacity:0;animation:fadeUp .4s .45s var(--ease) forwards,xiaFade .5s 1.15s ease forwards} @keyframes xiaStamp{0%{opacity:0;transform:scale(2.6) rotate(-16deg);filter:blur(2px)}100%{opacity:1;transform:scale(1) rotate(-4deg);filter:none}} @keyframes xiaRing{0%{opacity:.6;transform:scale(.7)}100%{opacity:0;transform:scale(2.1)}} @keyframes xiaSplash{0%{opacity:.95;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.4)}} @keyframes xiaFade{to{opacity:0;transform:translateY(-8px) rotate(-4deg)}} .xia-shake{animation:xiaShake .26s .34s ease} @keyframes xiaShake{0%,100%{transform:none}30%{transform:translateY(1.5px)}60%{transform:translateY(-1px)}} /* 拔剑：区块标题两侧细线由中间向外抽出 */ .sec-title::before,.sec-title::after{width:42px;transform:scaleX(0);transition:transform .7s cubic-bezier(.75,0,.2,1)} .sec-title::before{transform-origin:right center}.sec-title::after{transform-origin:left center} .sec-title.drawn::before,.sec-title.drawn::after{transform:scaleX(1)} /* 剑气：进度线最前端的刃光 */ .steps .bar .fill::after{content:"";position:absolute;right:-2px;top:-3px;width:18px;height:8px;border-radius:8px; background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(var(--brand-rgb),.35) 60%,transparent);animation:edge 1.2s ease-in-out infinite} @keyframes edge{0%,100%{opacity:.45}50%{opacity:1}} /* 墨晕：页面切换时内容从轻微模糊中沉淀 */ .anim-in{animation:inkIn var(--t4) var(--ease) both} @keyframes inkIn{0%{opacity:0;filter:blur(3px);transform:translateY(8px)}60%{filter:blur(0)}100%{opacity:1;filter:none;transform:none}} /* 落款：结果页右上角竖排署名 + 小印 */ .luokuan{display:inline-flex;align-items:flex-start;gap:6px;margin-left:8px;opacity:0;animation:fadeIn .5s .2s ease forwards} .luokuan .v{writing-mode:vertical-rl;font-family:var(--serif);font-size:13px;letter-spacing:4px;color:var(--ink);line-height:1} .luokuan .v small{display:block;font-size:10px;color:var(--muted);letter-spacing:2px;margin-right:4px} .luokuan .s{width:26px;height:26px;border-radius:5px;background:var(--seal);color:#fff8f0;font-family:var(--serif);font-weight:900;font-size:15px; display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1.5px rgba(255,248,240,.45);animation:stamp .6s .45s var(--ease) both} /* ---------- 首屏「活的论文纸」 ---------- */ .hero.split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:34px;align-items:center;text-align:left;max-width:1060px;margin:0 auto;padding:8px 0 4px} .hero.split .hero-sub{margin-left:0;text-align:left} .hero.split .trust{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:8px;margin:18px 0 0} .hero.split .hero-title{font-size:40px} .hero.split .eyebrow{margin-bottom:16px} .demo{--d-ink:#1f2433;--d-text:#2b3040;--d-muted:#5d6170;--d-line:#e7e3d8;--d-line2:#d8d3c5; position:relative;text-align:left;background:#fffefb;border:1px solid var(--line);border-radius:6px;padding:22px 24px 18px;box-shadow:0 1px 0 rgba(22,27,44,.03),0 18px 40px -12px rgba(22,27,44,.18); transform:rotate(.6deg);font-family:var(--serif);color:var(--d-ink);min-height:268px;animation:fadeUp .8s .3s var(--ease) both} .demo::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--grain);opacity:.6;pointer-events:none} :root[data-theme="dark"] .demo::before{display:none} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .demo::before{display:none}} :root[data-theme="dark"] .demo{box-shadow:0 30px 60px -20px rgba(0,0,0,.7)} .demo del{color:#b42318;background:#fdeceb}.demo ins{color:#1f7a45;background:#ebf6ef} .demo .tag{position:absolute;top:10px;right:12px;font-family:var(--sans);font-size:10.5px;color:#9c9ea8;border:1px solid var(--d-line);border-radius:10px;padding:0 7px;background:#fff} .demo .h{font-weight:700;font-size:15px;margin-bottom:8px} .demo .p{font-size:13.5px;line-height:2;text-indent:2em;color:var(--d-text)} .demo .s0{background:linear-gradient(transparent 62%,rgba(var(--brand-rgb),.16) 62%);transition:background .4s} .demo del{color:#b42318;text-decoration-thickness:1.5px;background:var(--danger-50);border-radius:2px} .demo ins{color:#1f7a45;text-decoration:none;background:var(--ok-50);border-radius:2px} .demo sup{color:var(--brand);font-weight:700;font-family:var(--sans);font-size:10px;margin-left:1px;line-height:0} .demo .cm{position:absolute;right:-22px;top:-18px;width:196px;font-family:var(--sans);font-size:12px;line-height:1.6;color:var(--text);background:var(--surface);border:1px solid var(--line); border-left:3px solid var(--brand);border-radius:8px;padding:8px 10px;box-shadow:var(--e2);opacity:0;transform:translateX(10px);transition:opacity .4s var(--ease),transform .4s var(--ease)} .demo .cm b{display:flex;align-items:center;gap:5px;color:var(--ink);font-size:11.5px;margin-bottom:2px} .demo .cm.show{opacity:1;transform:none} .demo .ref{margin-top:12px;padding-top:10px;border-top:1px dashed var(--d-line2);font-size:11.5px;line-height:1.7;color:var(--d-muted);opacity:0;transform:translateY(6px);transition:all .5s var(--ease);font-family:var(--sans)} .demo .ref.show{opacity:1;transform:none} .demo .ref a{color:var(--brand);border:1px solid var(--brand-200);border-radius:5px;padding:0 5px;margin-left:4px;white-space:nowrap} .demo .lk{position:absolute;right:22px;bottom:16px;display:flex;align-items:center;gap:6px;opacity:0} .demo .lk.show{opacity:1} .demo .lk .v{writing-mode:vertical-rl;font-size:11px;letter-spacing:3px;color:var(--d-muted)} .demo .lk .s{width:30px;height:30px;border-radius:5px;background:var(--seal);color:#fff8f0;font-weight:900;font-size:17px;display:flex;align-items:center;justify-content:center; box-shadow:inset 0 0 0 1.5px rgba(255,248,240,.45)} .demo .lk.show .s{animation:stamp .6s var(--ease) both} .demo .caret{display:inline-block;width:1.5px;height:1.05em;background:var(--brand);vertical-align:-2px;margin-left:1px;animation:pulse .8s infinite} @media (max-width:1180px){.hero.split{grid-template-columns:1fr;text-align:center}.hero.split .hero-sub{margin-left:auto;text-align:center}.hero.split .trust{align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap}.demo{max-width:520px;margin:6px auto 0}} @media (max-width:720px){.hero.split .hero-title{font-size:25px}.hero.split .trust{flex-direction:column;align-items:flex-start;margin:14px 6px 0}.hero.split{text-align:center}.demo{display:none}} /* ---------- 首屏右侧：各专业完成过程动画（深墨舞台，两种主题一致） ---------- */ .hero.split.wide{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);max-width:1120px} .lxs{--s-bg:#141a2b;--s-bg2:#1b2338;--s-fg:#e6eaf3;--s-dim:#8a93a8;--s-line:rgba(255,255,255,.08);--s-hi:#9ec3ff;--s-ok:#6fd39a;--s-cu:#e0b154;--s-seal:#ff8a70;--s-pcb:#1f5a3c;--s-bar:#3d6299;--s-bar2:#5b6378;--s-axis:#4a5470; position:relative;text-align:left;background:linear-gradient(160deg,var(--s-bg2),var(--s-bg));color:var(--s-fg);border-radius:20px;overflow:hidden; box-shadow:0 2px 4px rgba(22,27,44,.05),0 22px 48px -14px rgba(22,27,44,.42);animation:fadeUp .8s .25s var(--ease) both} .lxs::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)} .lxs .x-chips{display:flex;gap:2px;padding:10px 10px 0} .lxs .x-chip{position:relative;flex:1;min-width:0;background:none;border:none;color:var(--s-dim);font:inherit;font-size:13px;padding:8px 4px 10px;cursor:pointer;border-radius:9px 9px 0 0;white-space:nowrap} .lxs .x-chip:hover{color:var(--s-fg)} .lxs .x-chip.x-on{color:var(--s-fg);font-weight:700;background:rgba(255,255,255,.04)} .lxs .x-chip i{position:absolute;left:8px;right:8px;bottom:0;height:2px;background:var(--s-line);border-radius:2px;overflow:hidden} .lxs .x-chip i b{display:block;height:100%;width:0;background:var(--s-hi)} .lxs .x-chip.x-done i b{width:100%;background:rgba(158,195,255,.35)} .lxs .x-chip.x-on i b{animation:lxsFill var(--dur,8.2s) linear forwards} .lxs .x-chip:focus-visible{outline:2px solid var(--s-hi);outline-offset:-2px} .lxs .x-scene{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:6px;padding:15px 16px 6px;min-height:278px;border-top:1px solid var(--s-line)} .lxs .x-kind{font-size:11.5px;color:var(--s-seal);letter-spacing:1px;font-weight:700} .lxs .x-topic{font-family:var(--serif);font-size:15.5px;line-height:1.45;margin:2px 0 0;color:var(--s-fg);text-wrap:balance} .lxs .x-steps{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px} .lxs .x-steps li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.45;opacity:.28;animation:lxsOn .5s calc(var(--d) - var(--sk,0s)) forwards} .lxs .x-steps li .x-c{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--s-dim);display:grid;place-items:center;font-size:10px;color:transparent;margin-top:1px;animation:lxsCheck .4s calc(var(--d) + .7s - var(--sk,0s)) forwards} .lxs .x-steps li small{display:block;color:var(--s-dim);font-size:11.5px} .lxs .x-vis{display:grid;place-items:center;min-width:0} .lxs .x-vis svg{width:100%;max-width:330px;height:auto;overflow:visible} .lxs .x-cap{display:flex;align-items:center;gap:10px;padding:10px 16px 13px;font-size:12.5px;color:var(--s-dim);border-top:1px solid var(--s-line)} .lxs .x-cap .x-ok{color:var(--s-ok);font-weight:700;opacity:0;animation:lxsFade .5s calc(5.8s - var(--sk,0s)) forwards;white-space:nowrap} .lxs .x-cap .x-t{opacity:0;animation:lxsFade .5s calc(6s - var(--sk,0s)) forwards;min-width:0} .lxs .x-cap .x-ref{margin-left:auto;white-space:nowrap} .lxs .x-dr{stroke-dasharray:1;stroke-dashoffset:1;animation:lxsDraw var(--t,1.1s) calc(var(--d) - var(--sk,0s)) cubic-bezier(.65,0,.35,1) forwards} .lxs .x-gr{transform:scaleY(0);transform-box:fill-box;transform-origin:50% 100%;animation:lxsGrow .7s calc(var(--d) - var(--sk,0s)) var(--ease) forwards} .lxs .x-pp{opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center;animation:lxsPop .45s calc(var(--d) - var(--sk,0s)) cubic-bezier(.3,1.4,.5,1) forwards} .lxs .x-fd{opacity:0;animation:lxsFade .5s calc(var(--d) - var(--sk,0s)) forwards} .lxs .x-tx{font-family:var(--sans);fill:var(--s-dim);font-size:10px} @keyframes lxsFill{to{width:100%}}@keyframes lxsOn{to{opacity:1}}@keyframes lxsFade{to{opacity:1}} @keyframes lxsCheck{to{border-color:var(--s-ok);color:var(--s-ok);background:rgba(111,211,154,.12)}} @keyframes lxsDraw{to{stroke-dashoffset:0}}@keyframes lxsGrow{to{transform:none}}@keyframes lxsPop{to{opacity:1;transform:none}} /* 场景交叉淡入淡出：新旧两层叠在同一格，旧的滑出、新的滑入，画面不再整块清空 */ .lxs .lxs-body{display:grid}.lxs .lxs-body>.x-wrap{grid-area:1/1;min-width:0;animation:lxsIn .55s var(--ease) both} .lxs .lxs-body>.x-wrap.x-out{animation:lxsOut .5s var(--ease) forwards;pointer-events:none} @keyframes lxsIn{from{opacity:0;transform:translateX(16px)}}@keyframes lxsOut{to{opacity:0;transform:translateX(-16px)}} /* 每一步打勾前先转一圈，表示「正在做」 */ .lxs .x-steps li .x-c{position:relative} .lxs .x-steps li .x-c::before{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid transparent;border-top-color:var(--s-hi);opacity:0;animation:lxsRun .7s calc(var(--d) - var(--sk,0s)) linear} @keyframes lxsRun{from{opacity:1;transform:rotate(0)}to{opacity:1;transform:rotate(360deg)}} /* 页面重绘后接着播：当前场景直接显示画完的样子；整块不再重播入场 */ .lxs.x-again{animation:none} .lxs .x-wrap.x-res{animation:none} .lxs .x-spin{transform-box:view-box;transform-origin:var(--o);animation:lxsSpin var(--p,14s) calc(4.6s - var(--sk,0s)) linear infinite} @keyframes lxsSpin{to{transform:rotate(var(--r,360deg))}} .lxs .x-flow{stroke-dasharray:3 9;opacity:0;animation:lxsFade .6s calc(5.2s - var(--sk,0s)) forwards,lxsFlow 1s calc(5.2s - var(--sk,0s)) linear infinite} @keyframes lxsFlow{to{stroke-dashoffset:-12}} .lxs .x-glow{opacity:0;animation:lxsGlow 2.4s calc(var(--d) - var(--sk,0s)) ease-in-out infinite} @keyframes lxsGlow{0%,100%{opacity:0}50%{opacity:.85}} .lxs .x-scan{opacity:0;animation:lxsScan 3.4s calc(5s - var(--sk,0s)) ease-in-out infinite} @keyframes lxsScan{0%{opacity:0;transform:translateX(0)}12%,88%{opacity:.55}100%{opacity:0;transform:translateX(266px)}} .lxs .x-blink{animation:lxsBlink 1s steps(2,start) infinite}@keyframes lxsBlink{to{visibility:hidden}} .lxs .x-static *,.lxs .x-static *::before{animation-delay:0s!important;animation-duration:0s!important} .lxs .x-static .x-steps li .x-c::before{animation:none!important} .lxs.x-paused *,.lxs.x-paused *::before{animation-play-state:paused!important} @media (max-width:1180px){.lxs{max-width:600px;margin:8px auto 0}} @media (max-width:720px){.lxs{display:none}} @media (prefers-reduced-motion: reduce){.lxs .x-spin,.lxs .x-flow,.lxs .x-glow,.lxs .x-scan,.lxs .x-blink{animation:none}.lxs .x-steps li,.lxs .x-cap .x-ok,.lxs .x-cap .x-t,.lxs .x-fd,.lxs .x-pp{opacity:1;animation:none}.lxs .x-steps li .x-c{animation:none;border-color:var(--s-ok);color:var(--s-ok)} .lxs .x-dr{stroke-dashoffset:0;animation:none}.lxs .x-gr,.lxs .x-pp{transform:none;animation:none}.lxs .x-chip.x-on i b{animation:none;width:100%}} @media (prefers-reduced-motion: reduce){.xia-stamp{display:none}.sec-title::before,.sec-title::after{transform:none}} /* 提纲确认面板 */ .olp{scroll-margin-top:84px} .pay-modal.do-modal{width:min(640px,94vw);text-align:left} .pp-pkg{border:1px solid var(--brand-soft2,#dbe8ff);background:var(--brand-soft,#eef4ff);border-radius:12px;padding:12px 14px;margin:4px 0 14px} .pp-pkg-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pp-pkg-p{color:var(--accent,#ff6b35);font-weight:700}.pp-pkg-p em{font-style:normal;font-size:22px} .pp-pkg-s{color:var(--muted);font-size:12px}.pp-pkg ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px;font-size:13px}.pp-pkg li{display:flex;gap:6px;align-items:flex-start} .pp-hero{background:linear-gradient(135deg,rgba(var(--brand-rgb),.08),rgba(var(--brand-rgb),.02));border:1px solid rgba(var(--brand-rgb),.15);border-radius:var(--r);padding:16px 18px;margin-bottom:14px} .pp-t{font-size:17px;font-weight:700;margin-bottom:10px}.pp-t b{color:var(--brand)} .pp-caps{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--text)}.pp-caps span{display:flex;align-items:center;gap:4px}.pp-caps .i{color:var(--ok)} .pp-drop{display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px dashed var(--line3);border-radius:var(--r);padding:22px;margin-bottom:14px;cursor:pointer;background:var(--paper);transition:border-color var(--t2),background var(--t2)} .pp-drop:hover{border-color:var(--brand);background:rgba(var(--brand-rgb),.04)}.pp-drop.ok{border-style:solid;border-color:var(--ok)} .pp-ic .i{width:30px;height:30px;color:var(--brand)} .pp-sum{display:flex;gap:6px;align-items:flex-start;background:rgba(46,125,50,.07);border-radius:8px;padding:10px 12px;margin:0 0 10px;font-size:13.5px;line-height:1.7} .ostale{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--seal);background:rgba(190,52,32,.06);border-radius:8px;padding:6px 10px;margin:6px 0} .ol-tip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 22px 8px;font-size:13px;color:var(--muted)} .ol-tip b{color:var(--brand);font-weight:600}.ol-tip .i{color:var(--brand)}.ol-tip .saved{margin-left:auto;color:var(--ok)} .ol-ed{outline:none;cursor:text} .ol-ln{padding:3px 8px;border-radius:6px;line-height:1.8;font-size:14px;transition:background .15s;color:var(--ink);overflow-wrap:anywhere} .ol-ln:hover{background:rgba(var(--brand-rgb),.06)} .ol-ln.l1{font-weight:700;font-size:16px;color:var(--brand);margin-top:12px}.ol-ln.l1:first-child{margin-top:0} .ol-ln.l2{padding-left:20px;font-weight:650;font-size:14.5px} .ol-ln.l3{padding-left:40px;font-weight:400;color:var(--text)} .ol-ln.l4,.ol-ln.l0{padding-left:58px;font-weight:400;color:var(--muted);font-size:13px} @media (max-width:720px){.ol-tip{margin:0 12px 8px}.ol-tip .saved{margin-left:0}} .olp{max-width:980px;margin:18px auto 0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--e2);overflow:hidden;animation:inkIn var(--t4) var(--ease) both} .olp-h{display:flex;align-items:flex-start;gap:12px;padding:18px 22px 12px;flex-wrap:wrap} .olp-h .h3{margin:0 0 2px;display:flex;align-items:center;gap:8px} .olp-h .acts{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap} .olp-body{margin:0 22px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);max-height:460px;overflow:auto;position:relative} .olp-body.busy{opacity:.55;pointer-events:none} .outline-view{white-space:normal !important;font-size:14px;line-height:1.7;color:var(--text)} .outline-view h1{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--brand);margin:0 0 8px;text-align:left} .outline-view h2{font-family:var(--serif);font-size:14.5px;font-weight:650;color:var(--ink);margin:12px 0 4px;text-align:left} .outline-view h1:first-child,.outline-view h2:first-child{margin-top:0} .outline-view h3{font-size:13.5px;font-weight:500;color:var(--text);margin:3px 0 2px 20px;line-height:1.6} .outline-view h4{font-size:13px;font-weight:400;color:var(--muted);margin:2px 0 2px 38px;line-height:1.6} .outline-view p{margin:2px 0 2px 14px;text-indent:0 !important;color:var(--muted);font-size:13px} .outline-view ul,.outline-view ol{margin:2px 0 4px;padding-left:30px}.outline-view li{margin:1px 0}.outline-view li p{margin:0} .outline-view hr{display:none} .olp-ai{display:flex;gap:8px;margin:12px 22px 0} .olp-ai input{flex:1;min-width:0} .olp-prev{margin:10px 22px 0;padding:10px 12px;border:1px dashed var(--brand-200);border-radius:var(--r);background:var(--brand-50);font-size:13px} .olp-get{margin:18px 22px 20px;padding-top:16px;border-top:1px dashed var(--line2)} .get-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:10px} .get-item{position:relative;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:var(--r);padding:11px 12px;cursor:pointer;background:var(--surface);transition:border-color var(--t2),background var(--t2),box-shadow var(--t2)} .get-item:hover{border-color:var(--line3)} .get-item input{position:absolute;opacity:0;pointer-events:none} .get-item .bx{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line3);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;color:transparent;transition:all var(--t2)} .get-item.on{border-color:var(--brand);background:var(--brand-50);box-shadow:inset 0 0 0 1px var(--brand)} .get-item.on .bx{background:var(--brand);border-color:var(--brand);color:var(--card)} .get-item.main{cursor:default} .get-item .gt{font-weight:650;color:var(--ink);font-size:14px}.get-item .gs{font-size:12px;color:var(--muted);margin-top:1px} .get-item .gp{margin-left:auto;font-family:var(--serif);font-weight:800;color:var(--seal);white-space:nowrap;font-size:14px} .olp-total{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;flex-wrap:wrap} .olp-total .tt{font-size:14px;color:var(--muted)}.olp-total .tt b{font-size:24px;color:var(--seal);font-family:var(--serif);font-weight:800} /* 支付弹窗：优惠码与聚合码 */ .cp-toggle{font-size:12.5px;color:var(--brand);cursor:pointer;display:inline-block;margin-top:8px} .cp-row{display:flex;gap:6px;margin-top:8px} .cp-row input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:1px} .sub-prog{height:3px;border-radius:3px;background:var(--line);margin:-4px 0 12px;overflow:hidden} .sub-prog i{display:block;height:100%;background:var(--brand);border-radius:3px;transition:width .8s var(--ease)} .cp-msg{font-size:12.5px;margin-top:6px;min-height:18px} .cp-msg.ok{color:var(--ok)}.cp-msg.err{color:var(--danger)}.cp-msg.warn{color:var(--seal)} .pay-price s{color:var(--sub);font-size:14px;margin-left:6px} .pay-price .dc{display:block;font-size:12.5px;color:var(--ok);margin-top:2px} .agg-qr{width:200px;height:200px;border-radius:12px;box-shadow:0 0 0 1px var(--line),var(--e1);background:#fff;padding:6px} .agg-tip{display:flex;justify-content:center;gap:14px;margin-top:8px;font-size:12.5px;color:var(--muted)} .agg-tip span{display:inline-flex;align-items:center;gap:4px} .agg-tip i{width:10px;height:10px;border-radius:3px;display:inline-block} @media (max-width:720px){.olp-h,.olp-get{padding-left:0;padding-right:0}.olp-h{padding:14px 14px 10px}.olp-body,.olp-ai,.olp-prev,.olp-get{margin-left:12px;margin-right:12px}} /* 毕设产物展示 */ .stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper)} .stage .sc{box-shadow:var(--e2)} .stage .cap{font-size:11.5px;color:var(--sub);margin-top:6px} .stage .h3{margin:0 0 10px} .files-list{display:flex;flex-direction:column;gap:6px} .files-list .f{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);animation:fadeUp var(--t3) var(--ease) both;animation-delay:calc(var(--i,0)*50ms)} .files-list .f .ext{margin-left:auto;font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--brand);background:var(--brand-50);border-radius:5px;padding:1px 6px} .real{margin-top:14px} .real .rt{font-size:12.5px;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:6px} .real .rt b{color:var(--ok);font-weight:650} .thumbs{display:flex;gap:8px;flex-wrap:wrap} .thumbs img{width:112px;height:76px;object-fit:cover;border-radius:8px;border:1px solid var(--line);cursor:zoom-in;transition:transform var(--t2) var(--ease),box-shadow var(--t2);background:#fff} .thumbs img:hover{transform:translateY(-2px);box-shadow:var(--e2)} .sample-btn{margin:2px 0 12px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:14.5px;font-weight:700;color:#fff;background:var(--brand);border:0;border-radius:10px;padding:11px 14px;cursor:pointer;box-shadow:0 6px 16px rgba(var(--brand-rgb),.28);transition:transform var(--t2) var(--ease),box-shadow var(--t2)} .sample-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(var(--brand-rgb),.36)} .sample-btn .l1{display:flex;align-items:center;gap:7px;white-space:nowrap} .sample-btn small{font-weight:500;opacity:.85;font-size:12px;line-height:1.4} .cat .case.smp{display:block;height:20px;white-space:nowrap;background:var(--brand);color:#fff;font-weight:700;cursor:pointer;line-height:20px;padding:0 9px;box-shadow:0 2px 6px rgba(var(--brand-rgb),.3)} .cat .case.smp:hover{filter:brightness(1.08)} .cat:has(.case) .cn{padding-right:38px} .pay-modal.sample-view{width:min(96vw,1100px);max-width:none;height:88vh;max-height:none;padding:0;display:flex;flex-direction:column;text-align:left;overflow:hidden} .sv-h{padding:16px 56px 0 20px;border-bottom:1px solid var(--line);flex:none} .sv-h .t{font-size:15px;font-weight:650;color:var(--ink);margin-bottom:2px} .sv-h .s{font-size:12px;color:var(--muted);margin-bottom:10px} .sv-tabs{display:flex;gap:2px;overflow-x:auto} .sv-tab{padding:9px 14px;cursor:pointer;font-size:13.5px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent} .sv-tab.on{color:var(--brand);border-color:var(--brand);font-weight:650} .sv-tab em{font-style:normal;font-size:11.5px;opacity:.75;margin-left:3px} .sv-body{flex:1;overflow:auto;background:#e9edf2;padding:20px 14px} .sv-page{display:block;margin:0 auto 14px;width:100%;max-width:820px;height:auto;background:#fff;box-shadow:0 2px 10px rgba(16,24,40,.14)} .sv-body.ppt .sv-page{max-width:980px} .sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px} .sv-fig{background:#fff;border-radius:8px;padding:8px;box-shadow:0 1px 4px rgba(16,24,40,.1)} .sv-fig img{width:100%;height:190px;object-fit:contain;cursor:zoom-in;display:block} .sv-fig div{font-size:12px;color:var(--muted);margin-top:6px;text-align:center} .sv-msg{text-align:center;color:var(--muted);padding:60px 0;font-size:14px} .lightbox{max-width:min(92vw,980px);width:auto;padding:16px} .lightbox img{max-width:100%;max-height:76vh;border-radius:8px;display:block;margin:0 auto} .showcase{max-width:1060px;margin:44px auto 0} .showcase .sh-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap} .showcase .sh-h h2{font-size:22px} .sh-row{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin} .sh-card{flex:0 0 258px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;box-shadow:var(--e1);transition:transform var(--t2) var(--ease),box-shadow var(--t2)} .sh-card:hover{transform:translateY(-3px);box-shadow:var(--e2)} .sh-card .sc{border-radius:0} .sh-card .b{padding:10px 12px 12px} .sh-card .t{font-weight:750;color:var(--ink);display:flex;align-items:center;gap:6px} .sh-card .d{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.55} .sh-card .go{font-size:12.5px;color:var(--brand);margin-top:6px} @media (max-width:860px){.stage{grid-template-columns:1fr}} /* 结算弹窗：确认订单 → 扫码支付 */ .pay-modal.co{width:540px;text-align:left;padding:24px 26px} .co-steps{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--sub);margin:-4px 0 14px} .co-steps b{color:var(--ink)}.co-steps .sep{width:18px;height:1px;background:var(--line2)} .co-sum{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)} .co-sum .ci{width:40px;height:40px;border-radius:10px;background:var(--brand-50);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0} .co-sum .t1{font-size:12.5px;color:var(--brand);font-weight:650} .co-sum .t2{font-family:var(--serif);font-weight:800;color:var(--ink);font-size:15.5px;margin-top:2px;line-height:1.4} .co-inc{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .co-inc span{font-size:11.5px;color:var(--ok);background:var(--ok-50);border-radius:6px;padding:1px 7px} .co-sec{font-size:12.5px;color:var(--muted);margin:16px 0 8px;font-weight:650;letter-spacing:.5px} .co-add{display:grid;gap:8px} .co-add .get-item{padding:10px 12px} .co-total{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line2);flex-wrap:wrap} .co-total .amt{font-size:13px;color:var(--muted)}.co-total .amt b{font-family:var(--serif);font-size:30px;font-weight:800;color:var(--seal);margin-left:4px} .co-total .amt s{color:var(--sub);margin-left:6px} .co-total .dc{display:block;font-size:12px;color:var(--ok)} .co .pay-btn{margin-top:14px} .qr-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:6px} .qr-card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);text-align:center} .qr-card .qh{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:650;color:#fff;padding:7px} .qr-card.wechat .qh{background:#1aad19}.qr-card.alipay .qh{background:#1677ff} .qr-card .qb{padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:228px;justify-content:center} .qr-card .qb img,.qr-card .qb iframe{width:180px;height:180px;border:0;border-radius:8px;background:#fff} .qr-card .qs{font-size:11.5px;color:var(--muted)} .qr-card.soon .qb{color:var(--sub);font-size:13px} .qr-card.soon .qh{filter:grayscale(.5) opacity(.75)} .co-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--sub);margin-top:10px;flex-wrap:wrap;gap:6px} .ocode{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.5px;color:var(--brand)} .lookup-bar{display:flex;gap:8px;margin:4px 0 14px} .lookup-bar input{flex:1;min-width:0;padding:11px 14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);color:var(--ink);font-size:14px;text-transform:uppercase;letter-spacing:.5px} .lookup-bar input:focus{outline:none;border-color:var(--brand)} .lk-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;margin-bottom:14px;background:var(--card);animation:fadeUp var(--t3) var(--ease) both} .lk-card.err{color:var(--danger);display:flex;align-items:center;gap:8px} .lk-h{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--sub);flex-wrap:wrap} .lk-h .st{margin-left:auto;font-weight:600} .lk-h .st.done{color:var(--ok)} .lk-h .st.run{color:var(--warn)} .lk-t{font-weight:700;margin:6px 0 2px} .lk-m{font-size:12px;color:var(--sub);margin-bottom:10px} .lk-card .btn{text-decoration:none} .co-back{font-size:12.5px;color:var(--brand);cursor:pointer;margin-top:10px;display:inline-block} .gen-alt{display:block;margin:10px auto 0;font-size:13px;color:var(--brand);background:none;border:none;cursor:pointer} .gen-alt:hover{text-decoration:underline} .lg-tabs{display:flex;gap:4px;padding:4px;margin:10px 0 4px;border-radius:10px;background:var(--line-soft,rgba(0,0,0,.05))}.lg-tabs button{flex:1;border:0;background:transparent;padding:8px 0;border-radius:8px;font:inherit;font-size:14px;color:var(--muted);cursor:pointer}.lg-tabs button.on{background:var(--card,#fff);color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}.lg-qr{width:196px;height:196px;margin:14px auto 0;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#fff}.lg-qr img{display:block;width:180px;height:180px}.lg-qr-x{display:flex;flex-direction:column;gap:10px;align-items:center;font-size:13px;color:#666}.lg-qr-sk{width:180px;height:180px;border-radius:8px;background:linear-gradient(90deg,#eef0f3 25%,#f7f8fa 50%,#eef0f3 75%);background-size:200% 100%;animation:ogShim 1.2s linear infinite}@keyframes ogShim{to{background-position:-200% 0}} .drop-hot{outline:2px dashed var(--seal,#be3420)!important;outline-offset:3px;background:rgba(190,52,32,.05)!important}