/* Friends design DNA: 蓝色左右大字包裹黄印章角色，中间真实短笺入口; 钴蓝油墨、黄橡胶、奶白齿边纸与压印颗粒; primary eyes */
body{--bg:#1743ac;--ink:#fff0c5;--accent:#f6d334;--line:#96b0e1;--field:#10388f;--display:Trebuchet MS;--body:Arial;--error:#ffd334}.brand{font-size:34px;font-weight:900}.site-header{border-bottom:2px solid var(--ink)}.pip-hero{position:relative;min-height:820px;padding-top:30px}.pip-hero h1{display:flex;justify-content:space-between;font-size:clamp(68px,10vw,160px);font-weight:900;position:relative;z-index:1;letter-spacing:-.035em}.pip-hero .layered{width:75%;margin:-70px auto -20px}.pip-intro{display:flex;justify-content:space-between;align-items:end;font-size:26px;position:relative;z-index:1}.pip-intro .action,.pip-end .action{background:var(--accent);color:var(--bg);border:0;border-radius:50px}.pip-say{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10vw;border-top:2px solid var(--ink)}.pip-say h2{font-weight:900}.pip-say>div{display:grid;gap:24px}.pip-paper{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:6vw;padding-top:30px}.paper{--ink:#1743ac;--bg:#fff0c5;--line:#7a88a2;--field:#fff0c5;--error:#92361e;background:var(--bg);color:var(--ink);padding:60px;clip-path:polygon(0 0,98% 0,100% 2%,98% 4%,100% 6%,98% 8%,100% 10%,100% 100%,0 100%);box-shadow:10px 12px 0 #082769}.paper h2{font-size:70px;font-weight:900}.paper>p{margin:20px 0 36px}.pip-margin{padding-top:90px;display:grid;gap:35px;align-content:start}.pip-margin span{font-size:70px;line-height:1.02;font-weight:900}.pip-tools{padding-top:20px}.pip-tools h2{margin-bottom:50px;font-weight:900}.pip-tools .icon{width:50px;height:50px}.pip-tools .icon-row{border-top:2px solid var(--line);padding:30px 0}.pip-edge{background:#fff0c5;color:#1743ac;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6vw;align-items:center}.big-imprint{font-size:clamp(150px,20vw,340px);font-weight:900;line-height:1;transform:rotate(-12deg);text-align:center;border:18px solid #1743ac;border-radius:20px;letter-spacing:-.035em;padding:5px 30px}.pip-edge>div:last-child{display:grid;gap:24px}.pip-order{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw}.pip-order h2{font-weight:900}.pip-order p{padding:22px 0;border-top:2px solid var(--line)}.pip-help h2{margin-bottom:30px;font-weight:900}.pip-end{display:flex;justify-content:space-between;align-items:end;gap:40px;background:var(--accent);color:var(--bg)}.pip-end h2{font-weight:900;font-size:clamp(56px,7vw,110px)}.pip-end .action{background:var(--bg);color:var(--accent)}.auth-shell{grid-template-columns:minmax(0,1fr);position:relative;max-width:1250px;margin:auto;padding:65px 6vw}.auth-copy{background:#fff0c5;color:#1743ac;--bg:#fff0c5;--ink:#1743ac;--line:#7a88a2;--field:#fff0c5;--error:#92361e;padding:44px;position:relative;z-index:1;max-width:520px}.auth-copy h1{font-weight:900}.auth-shell>.layered{position:absolute;right:-240px;bottom:80px;width:680px;transform:rotate(8deg)}@media(max-width:900px){.pip-hero{min-height:0}.pip-hero .layered{margin:-10px auto;width:100%}.pip-say,.pip-paper,.pip-edge,.pip-order{grid-template-columns:minmax(0,1fr)}.pip-margin{display:none}.paper{padding:35px}.pip-end{display:grid}.auth-shell>.layered{right:-260px;opacity:.3;pointer-events:none}.auth-copy{padding:30px}.pip-intro{font-size:20px}.pip-hero h1{font-size:13vw}.pip-hero h1 span{max-width:48%}}@media(max-width:600px){.paper{padding:26px}.paper h2{font-size:56px}.pip-intro{align-items:center}.pip-intro .action{padding:10px 16px}.pip-end .actions{gap:10px}.pip-end .action{font-size:13px;padding:12px 16px}.big-imprint{border-width:10px}.auth-shell>.layered{right:-100px;width:450px;bottom:50px}}
@media(max-width:900px){.auth-shell>.layered{position:relative;right:auto;bottom:auto;width:100%;transform:none;opacity:1;pointer-events:auto;order:-1;max-height:270px}.auth-shell>.layered .scene{height:270px;max-height:270px;width:100%;object-fit:contain}.auth-shell{gap:24px}}
.paper,.auth-copy{--accent:#1743ac}

@media(max-width:1199px){.pip-hero h1{display:block;font-size:clamp(40px,9vw,90px)}.pip-hero h1 span{display:block;max-width:none}.pip-hero .layered{margin:0 auto}.pip-say,.pip-paper,.pip-edge,.pip-order{grid-template-columns:minmax(0,1fr)}.pip-margin{display:none}}