/* Friends design DNA: 左侧巨大竖排品牌、右侧填满视野的对角针迹布面与窄标签; 淡紫棉布、深李紫粗线、橘色结点与绣框木纹; primary assembly */
body{--bg:#e4d7e4;--ink:#44243f;--accent:#b64520;--line:#987b92;--field:#eddeeb;--display:Arial Black;--body:Arial;--error:#933315}.brand{font-family:Arial Black;letter-spacing:-.035em;font-size:30px}.tack-hero{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1.6fr);gap:2vw;padding-top:20px;padding-bottom:0}.tack-hero h1{writing-mode:vertical-rl;font-size:13vw;line-height:1.02;letter-spacing:-.035em}.tack-hero>div:first-child{display:flex;flex-direction:column;gap:30px;justify-content:space-between;align-items:start;padding-bottom:50px}.tack-hero .scene{min-height:650px}.tack-path{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:35px;border-top:1px solid var(--line)}.tack-path .lead{grid-column:2}.tack-path .small{font-family:Courier New}.tack-parts{padding:0 6vw}.tack-parts .pin{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:6vw}.tack-parts .pin .scene{width:100%}.tack-parts h2{font-size:clamp(45px,5vw,72px)}.tack-compare{background:#44243f;color:#e4d7e4}.tack-compare h2{margin-bottom:60px}.stitch-band{height:90px;border-top:1px solid #b399b2;border-bottom:1px solid #b399b2;background-position:center}.running{background:repeating-linear-gradient(90deg,transparent 0 30px,#e4d7e4 30px 70px,transparent 70px 100px);background-size:100% 5px;background-repeat:no-repeat}.crossing{background:repeating-linear-gradient(45deg,transparent 0 22px,#d28161 23px 27px,transparent 28px 50px),repeating-linear-gradient(-45deg,transparent 0 22px,#d28161 23px 27px,transparent 28px 50px)}.compare-label{display:flex;justify-content:space-between;padding:24px 0 45px;gap:30px}.compare-label p{max-width:450px}.tack-choice{border-bottom:1px solid var(--line)}.tack-density h2{margin-bottom:45px}.tack-density .icon-row h3{font-family:Courier New;font-size:20px}.tack-help{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px 6vw}.tack-help h2{grid-row:span 2}.tack-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw;background:#c4afc3}.auth-copy{padding:38px;border:2px solid var(--ink)}.auth .layered{background:#c4afc3}.auth .site-header{border-bottom:2px solid var(--ink)}@media(max-width:900px){.tack-hero{grid-template-columns:minmax(0,1fr)}.tack-hero h1{writing-mode:horizontal-tb;font-size:23vw}.tack-hero>div:first-child{padding-bottom:0}.tack-hero .scene{min-height:0}.tack-path,.tack-parts .pin,.tack-help,.tack-note{grid-template-columns:minmax(0,1fr)}.tack-path .lead{grid-column:auto}.tack-parts{padding-top:30px;padding-bottom:30px}.tack-help h2{grid-row:auto}.compare-label{flex-direction:column}.auth-copy{padding:26px}}

@media(max-width:1199px){.tack-path,.tack-parts .pin,.tack-help,.tack-note,.auth-shell{grid-template-columns:minmax(0,1fr)}.tack-path .lead{grid-column:auto}.tack-help h2{grid-row:auto}.compare-label{flex-direction:column}.tack-parts{padding-top:30px;padding-bottom:30px}}